:root{--hrm-bg-color:#011422;--hrm-gradient-start:#133877;--hrm-gradient-end:#071b38}.hrm-analytics-chart-wrap-lg{width:100%;max-width:520px}.hrm-rounded-md{border-radius:.8rem}.hrm-badge-wide{border-radius:.7rem;font-weight:500;letter-spacing:.02em;min-width:110px;text-align:center}.hrm-table-max-480{max-width:480px;margin:auto}.hrm-max-w-700{max-width:700px}.hrm-min-h-56{min-height:56px}.hrm-calendar-card{width:100%;max-width:900px;margin:0 auto;min-height:420px;padding:0;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgb(40 53 69 / .1);border:1px solid #e5e7eb;position:relative;overflow:visible}.hrm-analytics-chart-wrap{width:100%;max-width:420px}.hrm-bg-gradient{background:linear-gradient(90deg,#f8fafc 60%,#e9f0fa 100%)}.hrm-ellipsis-block{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.hrm-rounded-top{border-top-left-radius:1rem;border-top-right-radius:1rem}.hrm-rounded-bottom{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.hrm-calendar-header{display:flex;align-items:center;justify-content:flex-start;padding:32px 32px 0 32px;background:none;color:#222;font-weight:600;font-size:2rem;letter-spacing:.01em;border-radius:0;box-shadow:none;margin-bottom:0;gap:18px}.hrm-calendar-controls{display:flex;align-items:center;justify-content:flex-end;padding:32px 32px 0 32px;gap:10px;background:none;border-radius:0;margin-bottom:0;box-shadow:none}.hrm-calendar-controls button,.hrm-calendar-controls select,.hrm-calendar-controls input{background:#fff;color:#222;border:1px solid #e5e7eb;border-radius:8px;padding:.45rem .9rem;font-size:1rem;margin:0 .1rem;box-shadow:0 1px 4px rgb(40 53 69 / .07);transition:background 0.2s,color 0.2s,border 0.2s}.hrm-calendar-controls button:hover,.hrm-calendar-controls select:focus,.hrm-calendar-controls input:focus{background:#2563eb;color:#fff;border:1px solid #2563eb;outline:none}.hrm-calendar-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:1rem;table-layout:fixed;background:#fff;border-radius:0 0 16px 16px;box-shadow:none;margin:0 auto;overflow:visible}.hrm-calendar-table th{padding:14px 0 12px 0;background:#fff;font-weight:500;color:#222;font-size:1rem;border-bottom:1px solid #e5e7eb;letter-spacing:.01em}.hrm-calendar-table td{padding:.5rem .5rem .5rem .5rem;height:70px;vertical-align:top;position:relative;background:#fff;border:1px solid #f3f4f6;transition:background 0.2s,box-shadow 0.2s;font-size:.98rem}.hrm-calendar-table td:hover{background:#f3f4f6;box-shadow:0 2px 12px #2563eb11;z-index:2}.hrm-tooltip{visibility:hidden;min-width:260px;max-width:340px;background:#fff;color:#222;text-align:left;border-radius:12px;border:1px solid #e5e7eb;padding:18px 20px;position:absolute;z-index:30;left:50%;top:58px;transform:translateX(-50%);opacity:0;transition:opacity 0.2s;font-size:1rem;box-shadow:0 8px 32px rgb(40 53 69 / .1);pointer-events:none}.hrm-admin-form-card{border-radius:1rem;box-shadow:0 2px 16px rgb(0 0 0 / .08);background:#fff}.hrm-admin-form-label{font-weight:500}.hrm-admin-form-btn{font-size:1.1rem;padding:.75rem 2.5rem}.hrm-admin-form-container{margin-top:1.5rem}body{font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.hrm-portal .site-header,.hrm-portal .site-footer,.hrm-portal #masthead,.hrm-portal #colophon,.hrm-portal .wp-block-post-title,.hrm-portal .entry-title,.hrm-portal h1.entry-title,.hrm-portal .page-title{display:none!important}.hrm-portal .wp-block-group,.hrm-portal .wp-block-group.alignfull,.hrm-portal .wp-block-group.is-layout-flow,.hrm-portal .wp-block-group-is-layout-flow{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.hrm-portal .wp-site-blocks,.hrm-portal .entry-content,.hrm-portal main,.hrm-portal #primary{padding:0!important;margin:0!important}.hrm-portal .container-fluid{padding-top:0!important}.hrm-portal .hrm-main-content{padding-top:0!important}.clock-display{display:flex;justify-content:center;align-items:center}.clock-face{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:20px;color:#fff;text-align:center;box-shadow:0 8px 32px rgb(0 0 0 / .1);min-width:200px}.clock-time{font-size:2.5rem;font-weight:700;font-family:"Courier New",monospace;margin-bottom:5px;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.clock-date{font-size:1rem;opacity:.9;margin-bottom:5px}.clock-timezone{font-size:.8rem;opacity:.8;background:rgb(255 255 255 / .2);padding:2px 8px;border-radius:10px;display:inline-block}.punch-button-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:120px}.punch-btn{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);border:none;border-radius:15px;padding:20px;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 32px rgb(40 167 69 / .3);transition:all 0.3s ease;position:relative;overflow:hidden}.punch-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgb(40 167 69 / .4)}.punch-btn:active{transform:translateY(0)}.punch-btn:disabled{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);box-shadow:0 4px 16px rgb(108 117 125 / .3);cursor:not-allowed}.punch-icon{font-size:2.5rem;margin-bottom:10px;color:#fff;text-shadow:0 2px 4px rgb(0 0 0 / .3)}.punch-text{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.punch-btn.lunch-start{background:linear-gradient(135deg,#ffc107 0%,#fd7e14 100%);box-shadow:0 8px 32px rgb(255 193 7 / .3)}.punch-btn.lunch-end{background:linear-gradient(135deg,#17a2b8 0%,#007bff 100%);box-shadow:0 8px 32px rgb(23 162 184 / .3)}.punch-btn.punch-out{background:linear-gradient(135deg,#dc3545 0%,#e83e8c 100%);box-shadow:0 8px 32px rgb(220 53 69 / .3)}.punch-btn.completed{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);box-shadow:0 4px 16px rgb(108 117 125 / .3)}.card{border-radius:10px}.card.hrm-admin-form-card.p-4,.card.hrm-admin-form-card{max-width:100%;width:100%}.card.shadow-sm{max-width:100%}.btn{border-radius:5px}.table th,.table td{vertical-align:middle}.hrm-sidebar{min-height:100vh}.hrm-main{background:#f5f5f5}.hrm-card{border-radius:10px;padding:20px;margin-bottom:15px}.hrm-admin-form-card{background:#fff;border-radius:1.2rem;box-shadow:0 4px 24px rgb(0 0 0 / .13);padding:2.5rem 2rem;margin:0 auto;border:1px solid #f0f0f0;transition:box-shadow 0.2s;width:75%}.hrm-admin-form-card:hover{box-shadow:0 8px 32px rgb(0 0 0 / .18)}.hrm-admin-form-header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:2rem}.hrm-admin-form-title{font-size:1.8rem;font-weight:600;margin-bottom:0;color:#222;text-align:left;letter-spacing:.02em}.hrm-admin-form-label{font-weight:500;text-align:left;color:#444;margin-bottom:.5rem}.form-control{border-radius:.6rem;border:1px solid #e0e0e0;font-size:1.05rem;padding:.7rem 1rem;background:#fafbfc}.hrm-admin-form-btn{font-size:1.1rem;padding:.75rem 2.5rem;border-radius:.7rem;box-shadow:0 2px 8px rgb(0 0 0 / .07);font-weight:600;letter-spacing:.01em}.hrm-admin-form-back-btn{font-size:1.1rem;border-radius:.7rem;background:#f5f5f5;color:#333;border:1px solid #e0e0e0;transition:background 0.2s}.hrm-admin-form-back-btn:hover{background:#e9ecef;color:#222}.row.g-4>.col-md-6,.row.g-4>.col-md-4{margin-bottom:1.2rem}.hrm-portal header.wp-block-template-part,.hrm-portal .wp-block-template-part[area="header"],.hrm-portal .site-header,.hrm-portal #masthead,.hrm-portal footer.wp-block-template-part,.hrm-portal .wp-block-template-part[area="footer"],.hrm-portal .site-footer,.hrm-portal #colophon{display:none!important}.hrm-portal .entry-content,.hrm-portal main,.hrm-portal #primary,.hrm-portal .wp-site-blocks>*{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}.hrm-portal .hrm-portal-canvas{width:100%!important;max-width:100%!important}.hrm-portal .hrm-portal-canvas>.row{display:flex;flex-wrap:nowrap}.hrm-portal .hrm-sidebar{flex:0 0 240px}.hrm-portal .hrm-main{flex:1 1 auto;min-width:0}.hrm-portal .card{border:0;box-shadow:0 8px 24px rgb(0 0 0 / .08)}.hrm-portal .card .card-body h5{font-weight:600}.hrm-portal .nav-link{color:#cbd5e1}.hrm-portal .nav-link.active,.hrm-portal .nav-link:hover{background:#132b45;color:#0d6efd}.hrm-portal .hrm-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto}.hrm-portal .nav .nav-link{border-radius:8px;padding:10px 12px}.hrm-portal .nav .nav-link.active{background:#eef5ff}.hrm-portal .table{background:#fff;border-radius:10px;overflow:hidden}.hrm-portal .hrm-sidebar{background:linear-gradient(180deg,var(--hrm-gradient-start),var(--hrm-gradient-end));border-right:1px solid #eaeaea;color:#cbd5e1}.hrm-portal .hrm-topbar{background:linear-gradient(180deg,var(--hrm-gradient-start),var(--hrm-gradient-end));border-bottom:1px solid #eaeaea;color:#cbd5e1}.hrm-kpi .kpi-label{font-size:12px;color:#6c757d;text-transform:uppercase;letter-spacing:.02em}.hrm-kpi .kpi-value{font-size:28px;font-weight:700}.hrm-kpi .kpi-icon{font-size:28px;opacity:.25}.kpi-primary{background:linear-gradient(135deg,#e8f0ff,#ffffff)}.kpi-success{background:linear-gradient(135deg,#e9f7ef,#ffffff)}.kpi-warning{background:linear-gradient(135deg,#fff6e5,#ffffff)}.kpi-info{background:linear-gradient(135deg,#e7f6f9,#ffffff)}.kpi-secondary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057}.kpi-dark{background:linear-gradient(135deg,#343a40,#23272b);color:#fff}.kpi-light{background:linear-gradient(135deg,#ffffff,#f8f9fa);color:#495057;border:1px solid #dee2e6}.hrm-portal canvas{width:100%!important;height:auto!important}.hrm-calendar-header{background:none;color:#222;font-weight:600;font-size:2rem;letter-spacing:.01em;border-radius:0;box-shadow:none;margin-bottom:0}.hrm-calendar-nav-btn{background:#fff;color:#222;border:1px solid #e5e7eb;border-radius:8px;padding:.45rem .9rem;font-size:1rem;margin:0 .1rem;box-shadow:0 1px 4px rgb(40 53 69 / .07);transition:background 0.2s,color 0.2s,border 0.2s}.hrm-calendar-nav-btn:hover{background:#2563eb;color:#fff;border:1px solid #2563eb}.hrm-calendar-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:1rem;table-layout:fixed;background:#fff;border-radius:0 0 16px 16px;box-shadow:none;margin:0 auto;overflow:visible}.hrm-calendar-table th{padding:14px 0 12px 0;background:#fff;font-weight:500;color:#222;font-size:1rem;border-bottom:1px solid #e5e7eb;letter-spacing:.01em}.hrm-calendar-table td{padding:.25rem .25rem .15rem .25rem;height:48px;vertical-align:top;position:relative;background:#fff;border:1px solid #f3f4f6;transition:background 0.2s,box-shadow 0.2s;font-size:.97rem;min-width:60px;max-width:120px}.hrm-calendar-table td.hrm-today{background:#2563eb;color:#fff!important;border-radius:8px;font-weight:700}.hrm-calendar-table td.hrm-today .hrm-calendar-date-num{color:#fff}.hrm-calendar-date-num{display:block;font-size:1rem;font-weight:600;color:#222;margin-bottom:.25rem}.hrm-calendar-event-card{background:linear-gradient(135deg,#f8fafc 60%,#e9f0fa 100%);border:1.5px solid #2563eb33;border-radius:7px;box-shadow:0 2px 8px rgb(40 53 69 / .07);padding:4px 7px;margin-top:2px;font-size:.96rem;cursor:pointer;transition:box-shadow 0.2s,border 0.2s;min-height:28px;display:flex;flex-direction:column;justify-content:center}.hrm-calendar-event-card:hover{box-shadow:0 8px 24px #2563eb22;border-color:#2563eb;background:#fff}.hrm-calendar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(40 53 69 / .18);z-index:9999;align-items:center;justify-content:center}.hrm-calendar-overlay.active{display:flex}.hrm-calendar-popup-card{background:#fff;border-radius:18px;box-shadow:0 12px 48px 0 rgb(40 53 69 / .18),0 1.5px 8px #2563eb11;padding:38px 38px 28px 38px;min-width:320px;max-width:95vw;position:relative;border:1.5px solid #2563eb22;display:flex;flex-direction:column;align-items:flex-start;animation:hrm-popup-fadein 0.18s cubic-bezier(.4,1.4,.6,1) both}@keyframes hrm-popup-fadein{from{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.hrm-calendar-popup-title{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:#222;letter-spacing:.01em}.hrm-calendar-popup-date{font-size:1.05rem;color:#2563eb;margin-bottom:10px;font-weight:500}.hrm-calendar-popup-desc{font-size:1.05rem;color:#444;line-height:1.6;margin-bottom:0}.hrm-calendar-popup-close{position:absolute;top:16px;right:22px;background:none;border:none;font-size:2rem;color:#2563eb;cursor:pointer;opacity:.7;transition:opacity 0.2s,color 0.2s}.hrm-calendar-popup-close:hover{opacity:1;color:#e53e3e}#hrm-cal-year,#hrm-cal-month{padding:.375rem 1rem .375rem .75rem}.hrm-admin-form-card{background:#fff;border-radius:1rem;box-shadow:0 2px 16px rgb(0 0 0 / .12);width:75%;margin:0 auto}.hrm-admin-form-header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:2rem}.hrm-admin-form-title{text-align:center;font-size:1.7rem;font-weight:600;margin-bottom:0}.hrm-admin-form-label{font-weight:500;text-align:left}.hrm-admin-form-btn{font-size:1.1rem;padding:.75rem 2.5rem}.hrm-admin-form-back-btn{font-size:1.1rem}.hrm-admin-form-card{background:#fff;border-radius:1rem;box-shadow:0 2px 16px rgb(0 0 0 / .12);width:75%;margin:0 auto}.hrm-admin-form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.hrm-admin-form-title{font-size:1.7rem;font-weight:600;margin-bottom:0}.btn-em{background:linear-gradient(180deg,var(--hrm-gradient-start),var(--hrm-gradient-end));color:#fff}.hrm-sidebar{padding:14px 18px}.hrm-topbar{padding:14px 22px!important}.card-hover{transition:all 0.3s ease}.card-hover:hover{background:linear-gradient(135deg,var(--hrm-gradient-start),var(--hrm-gradient-end));color:#fff!important}.card-header{background:linear-gradient(135deg,var(--hrm-gradient-start),var(--hrm-gradient-end));color:#fff!important}