*,:after,:before{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}:root{--red:#d42b2b;--red-dark:#b91c1c;--dark:#0f1117;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--bg:#f4f5f7;--card:#fff;--green:#16a34a;--amber:#d97706;--blue:#2563eb;--nav-h:68px}#root,body,html{background:#f4f5f7;background:var(--bg);color:#111827;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.home-root{background:#f0f2f5;display:flex;flex-direction:column;min-height:100%}.home-toast{align-items:center;animation:toast-slide .25s ease;border-radius:12px;box-shadow:0 8px 32px #00000040;display:flex;font-size:13px;font-weight:600;gap:10px;left:50%;max-width:88vw;padding:11px 18px;position:fixed;top:72px;transform:translateX(-50%);white-space:nowrap;z-index:9999}@keyframes toast-slide{0%{opacity:0;transform:translateX(-50%) translateY(-8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.home-toast-success{background:#052e16;border:1px solid #166534;color:#4ade80}.home-toast-error{background:#2d0000;border:1px solid #7f1d1d;color:#f87171}.home-toast-warning{background:#2d1b00;border:1px solid #78350f;color:#fbbf24}.home-toast-icon{font-size:15px;font-weight:800}.home-hero{background:var(--dark);overflow:hidden;padding:4px 20px 28px;position:relative}.home-hero:before{background:radial-gradient(circle,#6366f11f 0,#0000 70%);border-radius:50%;content:"";height:160px;pointer-events:none;position:absolute;right:-30px;top:0;width:160px}.home-greeting-row{align-items:center;display:flex;gap:10px;margin-bottom:18px}.home-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 0 0 2px #6366f159;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.home-greeting-text{display:flex;flex-direction:column;gap:1px}.home-greeting{color:#fff6;font-size:10.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.home-name{color:#fff;font-size:17px;font-weight:700;line-height:1.2}.home-clock-wrap{margin-bottom:16px}.home-clock-time{align-items:baseline;display:flex;gap:5px}.home-clock-hm{font-feature-settings:"tnum";color:#fff;font-size:54px;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-2px;line-height:1}.home-clock-period{color:#ffffff59;font-size:18px;font-weight:700;letter-spacing:1px;padding-bottom:6px}.home-clock-date{color:#ffffff59;font-size:13px;font-weight:500;margin-top:5px}.home-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.home-status-chip{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 13px}.home-chip-in{background:#22c55e26;border:1px solid #22c55e4d;color:#4ade80}.home-chip-out{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffff59}.home-chip-done{background:#6366f126;border:1px solid #6366f14d;color:#a5b4fc}.home-status-pulse{animation:home-pulse 1.5s infinite;background:#4ade80;border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes home-pulse{0%,to{box-shadow:0 0 0 0 #4ade8066}50%{box-shadow:0 0 0 5px #4ade8000}}.home-late-chip{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:20px;color:#fbbf24;font-size:12px;font-weight:600;padding:6px 13px}.home-clock-btn{border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:800;letter-spacing:.3px;padding:15px;transition:transform .15s,box-shadow .15s;width:100%}.home-btn-in{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px 20px #22c55e4d}.home-btn-in:active{transform:scale(.97)}.home-btn-out{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 20px #ef44444d}.home-btn-out:active{transform:scale(.97)}.home-btn-loading{cursor:not-allowed;opacity:.65}.home-done-msg{color:#ffffff4d;font-size:12.5px;font-weight:600;padding:8px 0;text-align:center}.home-content{background:#f0f2f5;border-radius:22px 22px 0 0;flex:1 1;margin-top:-14px;padding:20px 16px 8px;position:relative;z-index:2}.home-content:before{background:#d1d5db;border-radius:2px;content:"";display:block;height:4px;margin:0 auto 18px;width:36px}.home-loading{color:#94a3b8;font-size:13px;padding:32px;text-align:center}.home-notice{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:12px;display:flex;font-size:20px;gap:10px;line-height:1;margin-bottom:16px;padding:12px 14px}.home-notice-title{color:#92400e;font-size:13px;font-weight:700}.home-notice-sub{color:#a16207;font-size:12px;line-height:1.4;margin-top:2px}.home-section-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;margin-top:4px;text-transform:uppercase}.home-stats-row{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:16px;display:flex;gap:12px;margin-bottom:16px;padding:16px}.home-stats-grid{display:flex;flex:1 1;flex-direction:column;gap:8px}.home-stat{align-items:center;border-radius:10px;display:flex;gap:10px;padding:9px 13px}.home-stat-green{background:#f0fdf4}.home-stat-red{background:#fef2f2}.home-stat-amber{background:#fffbeb}.home-stat-num{font-size:22px;font-weight:800;line-height:1;min-width:28px}.home-stat-green .home-stat-num{color:#16a34a}.home-stat-red .home-stat-num{color:#dc2626}.home-stat-amber .home-stat-num{color:#d97706}.home-stat-lbl{color:#64748b;font-size:12px;font-weight:600}.home-ring-wrap{flex-shrink:0}.home-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;margin-bottom:16px;overflow:hidden}.home-empty{color:#94a3b8;font-size:13px;padding:24px;text-align:center}.home-leave-item{border-bottom:1px solid #f1f5f9;padding:12px 16px}.home-leave-item:last-child{border-bottom:none}.home-leave-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.home-leave-type{color:#0f172a;font-size:13px;font-weight:600}.home-leave-count{font-size:13px;font-weight:700}.home-leave-bar{background:#f1f5f9;border-radius:3px;height:6px;overflow:hidden}.home-leave-fill{border-radius:3px;height:100%;transition:width .6s ease}.home-act-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:11px 16px}.home-act-item:last-child{border-bottom:none}.home-act-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.home-act-icon.present{background:#dcfce7;color:#15803d}.home-act-icon.late{background:#fef3c7;color:#d97706}.home-act-icon.absent{background:#fee2e2;color:#b91c1c}.home-act-info{flex:1 1}.home-act-date{align-items:center;color:#0f172a;display:flex;font-size:13px;font-weight:600;gap:6px}.home-act-late{background:#fef3c7;border-radius:4px;color:#d97706;font-size:11px;font-weight:700;padding:1px 6px}.home-act-times{color:#94a3b8;font-size:11.5px;margin-top:2px}.home-act-right{flex-shrink:0;text-align:right}.home-act-hours{color:#374151;font-size:12px;font-weight:600;margin-bottom:4px}.home-ring-box{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.home-ring-legend{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.rleg{border-radius:4px;font-size:10px;font-weight:700;padding:2px 6px}.rleg-green{background:#dcfce7;color:#15803d}.rleg-amber{background:#fef3c7;color:#92400e}.rleg-red{background:#fee2e2;color:#b91c1c}.home-streak-badge{animation:streak-pulse 2s infinite;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:20px;box-shadow:0 2px 8px #f9731666;color:#fff;font-size:12px;font-weight:700;margin-left:auto;padding:5px 11px;white-space:nowrap}@keyframes streak-pulse{0%,to{box-shadow:0 2px 8px #f9731666}50%{box-shadow:0 2px 16px #f97316b3}}.home-perf-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.home-perf-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:16px}.home-perf-top{align-items:center;display:flex;gap:6px;margin-bottom:4px}.home-perf-emoji{font-size:18px}.home-perf-label{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.home-perf-score{align-items:baseline;display:flex;font-size:32px;font-weight:900;gap:3px;letter-spacing:-1px;line-height:1}.home-perf-unit{color:#94a3b8;font-size:14px;font-weight:500}.home-perf-sub{color:#94a3b8;font-size:11px;margin-bottom:8px}.home-perf-bar{background:#f1f5f9;border-radius:3px;height:5px;overflow:hidden}.home-perf-fill{border-radius:3px;height:100%;transition:width 1s ease}.home-streak-card{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;display:flex;flex-direction:column;gap:2px;padding:16px;text-align:center}.home-streak-fire{font-size:28px;line-height:1;margin-bottom:4px}.home-streak-num{color:#fff;font-size:36px;font-weight:900;letter-spacing:-1px;line-height:1}.home-streak-lbl{color:#ffffffb3;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.home-streak-sub{color:#fff6;font-size:11px;margin-top:4px}.log-page{padding:16px}.log-period-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.log-period-pills{flex-wrap:wrap}.log-period-pills,.log-year-pills{display:flex;gap:6px}.log-month-pill,.log-year-pill{background:var(--card);border:1px solid var(--border);border-radius:20px;color:var(--muted);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s}.log-month-pill:hover,.log-year-pill:hover{border-color:#3b82f6;color:#3b82f6}.log-pill-active{background:#0f172a!important;border-color:#0f172a!important;color:#f1f5f9!important}.log-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.log-stat{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:14px;position:relative;text-align:center}.log-stat:after{bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.log-stat.green:after{background:var(--green)}.log-stat.amber:after{background:var(--amber)}.log-stat.red:after{background:var(--red)}.ls-val{font-size:26px;font-weight:800}.log-stat.green .ls-val{color:var(--green)}.log-stat.amber .ls-val{color:var(--amber)}.log-stat.red .ls-val{color:var(--red)}.ls-label{color:var(--muted);font-size:10.5px;font-weight:600;margin-top:2px}.log-section-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.log-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.log-empty,.log-loading{color:var(--muted);font-size:13px;padding:24px;text-align:center}.log-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 16px}.log-item:last-child{border-bottom:none}.log-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.log-icon.present{background:#dcfce7;color:#15803d}.log-icon.late{background:#fef3c7;color:#d97706}.log-icon.absent{background:#fee2e2;color:#b91c1c}.log-info{flex:1 1}.log-date{font-size:13px;font-weight:700}.log-detail{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:11px;gap:10px;margin-top:2px}.late-tag{color:var(--amber);font-weight:700}.log-late-info{color:#d97706;font-size:11px;font-weight:500;margin-top:3px}.log-right{flex-shrink:0;text-align:right}.log-hours{font-size:12px;font-weight:600;margin-bottom:4px}.bpending{background:#f1f5f9;color:#64748b}.leaves-page{padding:16px}.leaves-section-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.leaves-balance{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.balance-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}.balance-type{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.balance-num{font-size:28px;font-weight:800;line-height:1}.balance-num.red{color:var(--red)}.balance-num.green{color:var(--green)}.balance-num.blue{color:var(--blue)}.balance-total{color:var(--muted);font-size:10px;margin-top:3px}.balance-bar{background:#f3f4f6;border-radius:3px;height:5px;margin-top:10px;overflow:hidden}.balance-fill{border-radius:3px;height:100%}.leave-form-card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:4px;padding:16px}.form-group{margin-bottom:13px}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.form-label{color:var(--muted);display:block;font-size:11px;font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.form-control{-webkit-appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;outline:none;padding:11px 13px;transition:border-color .15s;width:100%}.form-control:focus{border-color:var(--red)}textarea.form-control{resize:none}.file-input{color:var(--muted);font-size:12px;padding:9px 13px}.submit-btn{background:var(--red);border-radius:12px;color:#fff;font-size:15px;font-weight:700;padding:14px;transition:all .15s;width:100%}.submit-btn:active{background:var(--red-dark);transform:scale(.98)}.leave-history-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.history-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:13px 16px}.history-item:last-child{border-bottom:none}.history-type{font-size:13px;font-weight:700}.history-dates{margin-top:2px}.history-dates,.history-reason{color:var(--muted);font-size:11px}.history-reason{margin-top:1px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10.5px;font-weight:700;padding:3px 9px;white-space:nowrap}.bpresent{background:#dcfce7;color:#15803d}.babsent{background:#fee2e2;color:#b91c1c}.blate{background:#fef3c7;color:#92400e}.bpending{background:#dbeafe;color:#1d4ed8}.salary-page{padding:16px}.salary-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.sal-stat{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:14px;position:relative;text-align:center}.sal-stat:after{bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.sal-stat.green:after{background:var(--green)}.sal-stat.red:after{background:var(--red)}.sal-stat-label{color:var(--muted);font-size:10.5px;font-weight:600;margin-bottom:5px}.sal-stat-val{font-size:22px;font-weight:800}.sal-stat.green .sal-stat-val{color:var(--green)}.sal-stat.red .sal-stat-val{color:var(--red)}.sal-stat-sub{color:var(--muted);font-size:10px;margin-top:3px}.net-banner{background:var(--dark);border-radius:14px;margin-bottom:16px;padding:18px 20px;text-align:center}.net-label{color:#fff6;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.net-amount{color:#4ade80;font-size:32px;font-weight:800;margin:6px 0 4px}.net-sub{color:#ffffff4d;font-size:10.5px}.sal-section-label{color:var(--muted);margin-bottom:10px}.sal-card{background:var(--card);border:1px solid var(--border);overflow:hidden}.sal-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:12px 16px}.sal-row:last-child{border-bottom:none}.sal-row.net{font-weight:700}.sal-label{color:var(--muted)}.sal-val{font-weight:600}.sal-val.deduct{color:var(--red)}.sal-val.net{color:var(--green);font-size:16px}.sal-val.base{color:var(--text)}.policy-header{background:#fafafa;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.4px;padding:9px 16px;text-transform:uppercase}.policy-header,.policy-row{border-bottom:1px solid var(--border);display:grid;grid-template-columns:1.5fr 1fr 1fr}.policy-row{font-size:12px;padding:11px 16px}.policy-row:last-child{border-bottom:none}.policy-cat{color:var(--text);font-weight:600}.policy-thresh{color:var(--muted)}.policy-ded{color:var(--red);font-weight:700}.profile-page{padding:16px}.profile-hero{background:var(--dark);border-radius:16px;flex-direction:column;margin-bottom:16px;padding:28px 20px 24px;text-align:center}.profile-avatar,.profile-hero{align-items:center;display:flex}.profile-avatar{background:var(--red);border-radius:50%;box-shadow:0 4px 20px #d42b2b66;color:#fff;font-size:26px;font-weight:800;height:72px;justify-content:center;margin-bottom:14px;width:72px}.profile-name{color:#fff;font-size:20px;font-weight:800}.profile-dept{color:#fff6;font-size:12px;margin-top:4px}.profile-badge{background:#16a34a33;border:1px solid #16a34a66;border-radius:20px;color:#4ade80;font-size:11px;font-weight:700;margin-top:12px;padding:4px 14px}.prof-section-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.prof-card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}.prof-row{align-items:center;border-bottom:1px solid var(--border);display:flex;font-size:13px;justify-content:space-between;padding:12px 16px}.prof-row:last-child{border-bottom:none}.prof-key{color:var(--muted);font-size:12px}.prof-val{font-weight:600}.prof-val.mono{font-family:monospace;font-size:12px}.prof-val.green{color:var(--green)}.prof-val.red{color:var(--red)}.prof-val.amber{color:var(--amber)}.prof-val.big{font-size:16px}.logout-btn{background:none;border:1px solid var(--border);border-radius:12px;color:var(--red);cursor:pointer;font-size:14px;font-weight:700;margin-top:20px;padding:14px;transition:all .15s;width:100%}.logout-btn:active{background:#fee2e2}.app-shell{background:var(--bg);box-shadow:0 0 40px #0000001f;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:430px;overflow:hidden;position:relative}.app-header{background:var(--dark);flex-shrink:0;padding:14px 20px 16px;z-index:10}.header-top{justify-content:space-between}.brand,.header-top{align-items:center;display:flex}.brand{gap:9px}.brand-icon{align-items:center;background:var(--red);border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:800;height:30px;justify-content:center;width:30px}.brand-name{color:#fff;font-size:15px;font-weight:700}.brand-sub{color:#ffffff59;font-size:10px;margin-top:1px}.notif-btn{align-items:center;background:#ffffff14;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.app-main{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:var(--nav-h)}.bottom-nav{align-items:stretch;background:var(--card);border-top:1px solid var(--border);bottom:0;display:flex;flex-shrink:0;height:var(--nav-h);left:0;position:absolute;right:0}.nav-tab{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:8px 4px;transition:all .15s}.nav-tab svg{stroke:#9ca3af;height:22px;transition:all .15s;width:22px}.nav-tab span{color:var(--muted);font-size:10px;font-weight:600;transition:all .15s}.nav-tab.active svg{stroke:var(--red)}.nav-tab.active span{color:var(--red)}.nav-tab:active{background:#fafafa}.brand-logo-img{height:28px;object-fit:contain;width:28px}.login-page{align-items:center;background:#0f1117;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#161922;border:1px solid #ffffff12;border-radius:20px;max-width:380px;padding:40px 28px 32px;width:100%}.login-logo{margin-bottom:32px;text-align:center}.login-icon{align-items:center;background:#d42b2b;border-radius:14px;box-shadow:0 4px 20px #d42b2b66;display:flex;height:56px;justify-content:center;margin:0 auto 14px;width:56px}.login-brand,.login-icon{color:#fff;font-size:22px;font-weight:800}.login-sub{color:#ffffff59;font-size:12px;margin-top:4px}.login-error{background:#d42b2b26;border:1px solid #d42b2b4d;border-radius:10px;color:#f87171;font-size:13px;margin-bottom:16px;padding:10px 14px;text-align:center}.login-form{gap:16px}.login-form,.login-group{display:flex;flex-direction:column}.login-group{gap:6px}.login-label{color:#fff6;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.login-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-family:inherit;font-size:15px;outline:none;padding:13px 16px;transition:border-color .15s;width:100%}.login-input:focus{border-color:#d42b2b}.login-input::placeholder{color:#fff3}.login-btn{background:#d42b2b;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;margin-top:4px;padding:14px;transition:all .15s;width:100%}.login-btn:hover{background:#b91c1c}.login-btn:active{transform:scale(.98)}.login-btn.loading{cursor:not-allowed;opacity:.7}.login-footer{color:#ffffff40;font-size:12px;margin-top:24px;text-align:center}.login-logo-img{height:80px;margin-bottom:8px;object-fit:contain;width:80px}.ov-root{background:#f0f2f5;gap:18px;min-height:100%;padding:24px 28px}.ov-loading,.ov-root{display:flex;flex-direction:column}.ov-loading{align-items:center;color:#64748b;font-size:14px;gap:16px;height:60vh;justify-content:center}.ov-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.ov-topbar{align-items:center;display:flex;justify-content:space-between}.ov-topbar-left{display:flex;flex-direction:column;gap:3px}.ov-title-row{align-items:center;display:flex;gap:10px}.ov-title{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.6px;margin:0}.ov-live-badge{animation:pulse-badge 2s infinite;background:#dcfce7;border-radius:20px;color:#15803d;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 9px}.ov-date{color:#64748b;font-size:13px}.ov-topbar-right{align-items:center;display:flex;gap:14px}.ov-clock-box{align-items:flex-end;background:#0f172a;border-radius:10px;display:flex;flex-direction:column;padding:8px 14px}.ov-clock{font-feature-settings:"tnum";color:#f1f5f9;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.5px;line-height:1}.ov-tz{color:#64748b;font-size:10px;letter-spacing:1px;margin-top:2px}.ov-refresh-time{color:#94a3b8;font-size:11.5px}.ov-refresh-btn{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .15s}.ov-refresh-btn:hover{border-color:#3b82f6;color:#3b82f6}.ov-alert-banner{align-items:center;background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fcd34d;border-left:4px solid #f59e0b;border-radius:10px;color:#92400e;display:flex;font-size:13.5px;gap:10px;padding:12px 16px}.ov-alert-icon{font-size:16px}.ov-alert-banner>span:nth-child(2){flex:1 1}.ov-alert-action{cursor:pointer;font-weight:600;white-space:nowrap}.ov-main-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 320px}.ov-left-col,.ov-right-col{display:flex;flex-direction:column;gap:18px}.ov-kpi-strip{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.ov-kpi-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;overflow:hidden;padding:16px;position:relative;transition:transform .15s,box-shadow .15s}.ov-kpi-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.ov-kpi-card:before{bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.ov-kpi-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.ov-kpi-green:before{background:linear-gradient(90deg,#10b981,#34d399)}.ov-kpi-red:before{background:linear-gradient(90deg,#ef4444,#f87171)}.ov-kpi-amber:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.ov-kpi-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.ov-kpi-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.ov-kpi-label{color:#64748b;font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ov-kpi-icon-sm{font-size:16px}.ov-kpi-pulse-dot{animation:pulse-dot 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.ov-kpi-value{color:#0f172a;font-size:30px;font-weight:800;letter-spacing:-1px;line-height:1;margin-bottom:6px}.ov-kpi-value-sm{font-size:18px;letter-spacing:-.5px}.ov-kpi-sub{color:#94a3b8;font-size:11.5px}.ov-kpi-sub-red{color:#ef4444;font-weight:600}.ov-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;padding:18px 20px}.ov-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:14px}.ov-card-title{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:700;gap:8px}.ov-card-sub{color:#94a3b8;font-size:12px;margin-top:2px}.ov-alert-count{background:#ef4444;border-radius:20px;color:#fff;font-size:11px;font-weight:700;padding:2px 7px}.ov-tooltip{background:#0f172a;border-radius:8px;box-shadow:0 4px 16px #0003;color:#f1f5f9;font-size:12px;padding:10px 14px}.ov-tooltip-label{font-weight:600;margin-bottom:4px}.ov-tooltip-row{display:flex;gap:16px;justify-content:space-between}.ov-gauge-card{align-items:center;display:flex;flex-direction:column;padding:20px}.ov-gauge-wrap{margin:8px 0}.ov-gauge-stats{gap:20px;margin-top:8px}.ov-gauge-stat,.ov-gauge-stats{align-items:center;display:flex}.ov-gauge-stat{flex-direction:column;gap:2px}.ov-gauge-num{font-size:22px;font-weight:700}.ov-gauge-lbl{color:#94a3b8;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.ov-gauge-divider{background:#e8ecf0;height:32px;width:1px}.ov-green{color:#10b981}.ov-red{color:#ef4444}.ov-dept-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ov-dept-row:last-child{margin-bottom:0}.ov-dept-info{align-items:center;display:flex;flex-shrink:0;gap:7px;width:140px}.ov-dept-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ov-dept-name{color:#374151;font-size:12.5px;font-weight:500}.ov-dept-bar-wrap{align-items:center;display:flex;flex:1 1;gap:8px}.ov-dept-bar{background:#f1f5f9;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.ov-dept-fill{border-radius:3px;height:100%;transition:width .8s ease}.ov-dept-stat{color:#64748b;font-size:12px;min-width:36px;text-align:right;white-space:nowrap}.ov-city-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.ov-city-card{background:#fff;border:1px solid #e8ecf0;border-radius:12px;border-top:3px solid;padding:14px 16px}.ov-city-name{font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.ov-city-present{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:8px}.ov-city-present span{color:#94a3b8;font-size:14px;font-weight:500}.ov-city-bar{background:#f1f5f9;border-radius:3px;height:5px;margin-bottom:6px;overflow:hidden}.ov-city-fill{border-radius:3px;height:100%;transition:width .8s ease}.ov-city-rate{color:#64748b;font-size:11.5px}.ov-no-alerts{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-size:13px;font-weight:500;padding:12px 14px}.ov-alerts-list{display:flex;flex-direction:column;gap:8px}.ov-alert-row{align-items:center;border-radius:8px;display:flex;gap:10px;padding:9px 11px}.ov-alert-amber{background:#fffbeb;border:1px solid #fde68a}.ov-alert-red{background:#fef2f2;border:1px solid #fecaca}.ov-alert-av{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.ov-av-blue{background:#dbeafe;color:#1d4ed8}.ov-av-teal{background:#ccfbf1;color:#0f766e}.ov-av-amber{background:#fef3c7;color:#92400e}.ov-av-purple{background:#ede9fe;color:#6d28d9}.ov-av-coral{background:#fee2e2;color:#b91c1c}.ov-av-green{background:#dcfce7;color:#15803d}.ov-alert-info{display:flex;flex:1 1;flex-direction:column;gap:1px}.ov-alert-name{color:#0f172a;font-size:12.5px;font-weight:600}.ov-alert-detail{color:#94a3b8;font-size:11px}.ov-alert-tag{border-radius:5px;font-size:11px;font-weight:700;padding:2px 8px;white-space:nowrap}.ov-tag-amber{background:#fef3c7;color:#92400e}.ov-tag-red{background:#fee2e2;color:#dc2626}.ov-absent-section{margin-top:0}.ov-absent-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:12px}.ov-absent-card{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;gap:10px;padding:9px 12px}.ov-absent-av,.ov-absent-card{align-items:center;display:flex}.ov-absent-av{border-radius:50%;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.ov-absent-info{display:flex;flex-direction:column;gap:2px}.ov-absent-name{color:#0f172a;font-size:12.5px;font-weight:600}.ov-absent-meta{color:#94a3b8;font-size:11px}.ov-ai-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 14px #6366f166;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.3px;padding:9px 18px;transition:all .2s}.ov-ai-btn:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.ai-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.ai-modal{background:#fff;border-radius:18px;box-shadow:0 24px 80px #00000040;display:flex;flex-direction:column;max-height:88vh;max-width:720px;overflow:hidden;width:100%}.ai-modal-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.ai-modal-title-row{gap:14px}.ai-icon,.ai-modal-title-row{align-items:center;display:flex}.ai-icon{background:#ffffff26;border-radius:10px;color:#fff;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.ai-modal-title{color:#fff;font-size:17px;font-weight:700}.ai-modal-sub{color:#ffffff80;font-size:12px;margin-top:2px}.ai-modal-actions{align-items:center;display:flex;gap:10px}.ai-regen-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:7px;color:#fff;cursor:pointer;font-size:12.5px;font-weight:600;padding:7px 14px;transition:all .15s}.ai-regen-btn:hover:not(:disabled){background:#fff3}.ai-regen-btn:disabled{cursor:not-allowed;opacity:.5}.ai-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .15s;width:32px}.ai-close-btn:hover{background:#ffffff40}.ai-modal-body{flex:1 1;overflow-y:auto;padding:24px}.ai-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;padding:60px}.ai-loading-dots{display:flex;gap:6px}.ai-loading-dots span{animation:ai-dot 1.2s infinite;background:#6366f1;border-radius:50%;height:10px;width:10px}.ai-loading-dots span:nth-child(2){animation-delay:.2s}.ai-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes ai-dot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;padding:16px}.ai-report-content{color:#374151;font-size:14px;line-height:1.7}.ai-section-title{border-bottom:2px solid #f1f5f9;color:#0f172a;font-size:16px;font-weight:700;margin:20px 0 8px;padding-bottom:6px}.ai-section-title:first-child{margin-top:0}.ai-para{color:#374151;margin:6px 0}.ai-li{color:#374151;list-style-type:disc;margin:4px 0 4px 16px}.ai-report-content strong{color:#0f172a;font-weight:700}.ai-h1{border-bottom:2px solid #e8ecf0;color:#0f172a;font-size:18px;font-weight:800;margin:0 0 12px;padding-bottom:8px}.ai-h3{color:#374151;font-size:14px;font-weight:700;margin:12px 0 6px}.ai-divider{border:none;border-top:1px solid #f1f5f9;margin:16px 0}.ai-spacer{height:8px}.ai-li-num{list-style-type:decimal}.lb-root{background:#f0f2f5;display:flex;flex-direction:column;gap:16px;padding:24px 28px}.lb-spinner{border-top-color:#3b82f6}.lb-header-left{gap:3px}.lb-title-row{align-items:center;display:flex;gap:10px}.lb-title{font-size:24px;font-weight:800;letter-spacing:-.6px}.lb-live-dot{animation:pulse-badge 2s infinite;background:#dcfce7;border-radius:20px;color:#15803d;font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 9px}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.lb-header-right{gap:10px}.lb-refresh-time{font-size:11.5px}.lb-view-toggle{background:#f1f5f9;border-radius:7px;display:flex;gap:2px;padding:3px}.lb-view-btn{background:#0000;border:none;border-radius:5px;color:#64748b;cursor:pointer;font-size:12.5px;font-weight:500;padding:5px 12px;transition:all .12s}.lb-view-active{background:#fff!important;box-shadow:0 1px 4px #0000001a;color:#0f172a!important}.lb-refresh-btn{padding:8px 14px}.lb-refresh-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.lb-refreshing{color:#3b82f6!important}.lb-stats{display:flex;gap:10px}.lb-stat{background:#fff;border:1px solid #e8ecf0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px 18px;position:relative}.lb-stat-num{font-size:26px;font-weight:800;letter-spacing:-.5px}.lb-stat-lbl{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px}.lb-stat-pulse{animation:pulse-dot 2s infinite;background:#10b981;border-radius:50%;height:8px;position:absolute;right:14px;top:14px;width:8px}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.lb-stat-in .lb-stat-num{color:#10b981}.lb-stat-absent .lb-stat-num{color:#ef4444}.lb-stat-late .lb-stat-num{color:#f59e0b}.lb-stat-rate .lb-stat-num{color:#8b5cf6}.lb-filters{gap:10px}.lb-search{width:260px}.lb-search:focus{border-color:#3b82f6}.lb-filter-btn{font-size:12px;padding:7px 12px}.lb-filter-active{background:#0f172a!important;border-color:#0f172a!important;color:#f1f5f9!important}.lb-table-wrap{border-radius:14px}.lb-table th{font-size:11px;font-weight:700;letter-spacing:.6px}.lb-row-out{opacity:.65}.lb-table td{padding:11px 16px}.lb-avatar-lg{font-size:15px;height:44px;width:44px}.lb-dept-tag{background:#f1f5f9;border-radius:5px;color:#475569;font-size:12px;font-weight:500;padding:3px 8px;white-space:nowrap}.lb-late-tag{font-weight:700}.lb-late-minor{background:#fef3c7;color:#92400e}.lb-late-major{background:#fed7aa;color:#9a3412}.lb-late-very-late{background:#fee2e2;color:#dc2626}.lb-dur-live{color:#3b82f6;font-weight:700}.lb-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lb-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:16px;transition:box-shadow .15s}.lb-card:hover{box-shadow:0 4px 16px #00000014}.lb-card-in{border-top:3px solid #10b981}.lb-card-out{border-top:3px solid #e2e8f0;opacity:.72}.lb-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.lb-card-name{color:#0f172a;font-size:14px;font-weight:700}.lb-card-code{color:#94a3b8;font-size:11.5px;margin-bottom:2px}.lb-card-dept{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:12px;margin-bottom:2px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.lb-card-loc{color:#94a3b8;font-size:11.5px;margin-bottom:8px}.lb-card-times{border-top:1px solid #f1f5f9;display:flex;gap:12px;margin-top:4px;padding-top:8px}.lb-card-time-item{display:flex;flex-direction:column;gap:1px}.lb-card-time-lbl{color:#94a3b8;font-size:10px;letter-spacing:.4px;text-transform:uppercase}.lb-card-time-val{color:#0f172a;font-size:13px;font-weight:600}.lb-card-late{border-radius:5px;font-size:11.5px;font-weight:700;margin-top:6px;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.lb-empty-state{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:14px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 24px}.lb-empty-icon{font-size:36px}.lb-empty-title{color:#374151;font-size:16px;font-weight:600}.lb-empty-sub{color:#94a3b8;font-size:13px}.emp-root{display:flex;flex-direction:column;gap:0;min-height:100%;padding:28px 32px}.emp-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.emp-header-left{display:flex;flex-direction:column;gap:4px}.emp-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0}.emp-subtitle{color:#64748b;font-size:13px}.emp-add-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 18px;transition:background .15s}.emp-add-btn:hover{background:#1d4ed8}.emp-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.emp-stat-card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;display:flex;flex-direction:column;gap:4px;min-width:90px;padding:14px 18px}.emp-stat-num{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1}.emp-stat-lbl{color:#64748b;font-size:11.5px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.emp-stat-green .emp-stat-num{color:#16a34a}.emp-stat-red .emp-stat-num{color:#dc2626}.emp-stat-city .emp-stat-num{color:#2563eb}.emp-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.emp-search{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#0f172a;font-size:13.5px;outline:none;padding:8px 14px;transition:border-color .15s;width:280px}.emp-search:focus{border-color:#2563eb}.emp-search::placeholder{color:#94a3b8}.emp-filter-group{display:flex;gap:4px}.emp-filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12.5px;font-weight:500;padding:7px 13px;transition:all .12s}.emp-filter-btn:hover{border-color:#94a3b8;color:#0f172a}.emp-filter-active{background:#1e3a5f!important;border-color:#2563eb!important;color:#60a5fa!important}.emp-content{display:flex;flex:1 1;gap:16px;min-height:0}.emp-content-split .emp-table-wrap{flex:1 1;min-width:0}.emp-table-wrap{background:#fff;border:1px solid #e8ecf0;border-radius:12px;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.emp-empty,.emp-loading{align-items:center;color:#94a3b8;display:flex;flex:1 1;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:60px 24px}.emp-error{background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:13.5px;padding:12px 16px}.emp-table{border-collapse:collapse;font-size:13.5px;width:100%}.emp-table thead tr{background:#f8fafc;border-bottom:1px solid #e8ecf0}.emp-table th{color:#64748b;font-size:11.5px;font-weight:600;letter-spacing:.5px;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.emp-table tbody tr{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .1s}.emp-table tbody tr:last-child{border-bottom:none}.emp-table tbody tr:hover{background:#f8fafc}.emp-row-selected{background:#eff6ff!important}.emp-row-inactive{opacity:.55}.emp-table td{color:#1e293b;padding:12px 16px;vertical-align:middle}.av-blue,.emp-av-blue{background:#dbeafe;color:#1d4ed8}.av-teal,.emp-av-teal{background:#ccfbf1;color:#0f766e}.av-amber,.emp-av-amber{background:#fef3c7;color:#92400e}.av-purple,.emp-av-purple{background:#ede9fe;color:#6d28d9}.av-coral,.emp-av-coral{background:#fee2e2;color:#b91c1c}.av-green,.emp-av-green{background:#dcfce7;color:#15803d}.emp-dept-cell{display:flex;flex-direction:column;gap:2px}.emp-dept{color:#334155;font-size:13px;font-weight:500}.emp-title-small{color:#94a3b8;font-size:11.5px}.emp-salary{color:#0f172a;font-size:13px;font-weight:500}.emp-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:3px 9px}.emp-badge-active{background:#dcfce7;color:#15803d}.emp-badge-inactive{background:#f1f5f9;color:#64748b}.emp-action-btns{display:flex;gap:6px}.emp-action-edit{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;padding:5px 11px;transition:all .12s}.emp-action-edit:hover{border-color:#2563eb;color:#2563eb}.emp-action-deact{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;padding:5px 11px;transition:all .12s}.emp-action-deact:hover{background:#fef2f2}.emp-footer{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;margin-top:auto;padding:12px 16px}.emp-detail-panel{background:#fff;border:1px solid #e8ecf0;border-radius:12px;display:flex;flex-direction:column;max-height:calc(100vh - 180px);min-width:320px;overflow-y:auto;width:320px}.emp-detail-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:16px 16px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.emp-detail-header h3{color:#0f172a;flex:1 1;font-size:14px;font-weight:600;margin:0}.emp-detail-close{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:16px;padding:4px;transition:color .12s}.emp-detail-close:hover{color:#0f172a}.emp-detail-actions{display:flex;gap:6px}.emp-detail-edit-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;padding:5px 11px}.emp-detail-edit-btn:hover{border-color:#2563eb;color:#2563eb}.emp-detail-deact-btn{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;padding:5px 11px}.emp-detail-loading{align-items:center;display:flex;flex:1 1;justify-content:center;padding:60px 24px}.emp-detail-body{padding:16px}.emp-detail-hero{align-items:center;display:flex;gap:12px;margin-bottom:16px}.emp-detail-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.emp-detail-hero-info{display:flex;flex-direction:column;gap:3px}.emp-detail-name{color:#0f172a;font-size:15px;font-weight:700;line-height:1.2}.emp-detail-code{color:#94a3b8;font-size:12px}.emp-detail-status-badge{border-radius:20px;font-size:11px;font-weight:600;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.emp-detail-status-badge.active{background:#dcfce7;color:#15803d}.emp-detail-status-badge.inactive{background:#f1f5f9;color:#64748b}.emp-detail-section{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;margin-top:4px;text-transform:uppercase}.emp-detail-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:7px 0}.emp-detail-lbl{color:#64748b;font-size:12.5px}.emp-detail-val{color:#0f172a;font-size:12.5px;font-weight:500;max-width:170px;text-align:right}.emp-val-green{color:#16a34a}.emp-val-red{color:#dc2626}.emp-val-amber{color:#d97706}.emp-detail-no-salary{color:#94a3b8;font-size:13px;padding:12px 0;text-align:center}.emp-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.emp-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}.emp-modal-sm{max-width:420px}.emp-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px 16px}.emp-modal-header h2{color:#0f172a;font-size:17px;font-weight:700;margin:0}.emp-modal-close{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:color .12s}.emp-modal-close:hover{color:#0f172a}.emp-modal-error{background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:13px;padding:10px 24px}.emp-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.emp-form-section{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:14px;margin-top:4px;padding-bottom:6px;text-transform:uppercase}.emp-form-section:not(:first-child){margin-top:20px}.emp-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.emp-form-group{display:flex;flex-direction:column;gap:5px}.emp-form-group label{color:#374151;font-size:12.5px;font-weight:500}.emp-form-group input,.emp-form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:7px;box-sizing:border-box;color:#0f172a;font-size:13.5px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.emp-form-group input:focus,.emp-form-group select:focus{border-color:#2563eb}.emp-form-group input::placeholder{color:#94a3b8}.emp-deactivate-msg{color:#374151;font-size:14px;line-height:1.6;margin:0}.emp-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.emp-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:13.5px;padding:9px 18px;transition:all .12s}.emp-btn-cancel:hover{background:#f8fafc}.emp-btn-save{background:#2563eb;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 20px;transition:background .15s}.emp-btn-save:hover:not(:disabled){background:#1d4ed8}.emp-btn-save:disabled{cursor:not-allowed;opacity:.6}.emp-btn-danger{background:#dc2626;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 20px;transition:background .15s}.emp-btn-danger:hover:not(:disabled){background:#b91c1c}.emp-btn-danger:disabled{cursor:not-allowed;opacity:.6}.emp-prefix-hint{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#6366f1;font-size:11px;margin-top:5px;padding:4px 8px}.emp-form-optional{color:#94a3b8;font-size:11px;font-weight:400;margin-left:6px}.emp-optional-tag{background:#f1f5f9;border-radius:4px;color:#94a3b8;font-size:10px;font-weight:500;margin-left:4px;padding:1px 6px}.emp-input-readonly{background:#f8fafc!important;color:#64748b!important;cursor:not-allowed}.emp-tenure-hint{color:#94a3b8;font-size:11px;margin-top:4px}.emp-detail-no-salary-set{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#2563eb;font-size:12px;font-weight:500;margin-top:8px;padding:10px 14px;text-align:center}.lv-root{min-height:100%;padding:28px 32px;position:relative}.lv-toast{animation:toast-in .2s ease;background:#0f172a;border-radius:8px;bottom:28px;box-shadow:0 4px 20px #0003;color:#f1f5f9;font-size:13.5px;font-weight:500;padding:12px 20px;position:fixed;right:28px;z-index:2000}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lv-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.lv-header-left{display:flex;flex-direction:column;gap:4px}.lv-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0}.lv-subtitle{color:#64748b;font-size:13px}.lv-refresh-btn{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s}.lv-refresh-btn:hover{border-color:#2563eb;color:#2563eb}.lv-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13.5px;margin-bottom:20px;padding:12px 16px}.lv-section-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.7px;margin-bottom:12px;text-transform:uppercase}.lv-pending-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:0;padding:2px 7px}.lv-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:48px}.lv-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:28px;width:28px}.lv-empty-pending{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d;font-size:13.5px;font-weight:500;padding:14px 18px}.lv-pending-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.lv-pending-card{align-items:flex-start;background:#fff;border:1px solid #e8ecf0;border-left:4px solid #f59e0b;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:16px 18px;transition:box-shadow .15s}.lv-pending-card:hover{box-shadow:0 2px 12px #0000000f}.lv-pending-left{align-items:flex-start;display:flex;flex:1 1;gap:12px}.lv-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:36px;justify-content:center;width:36px}.lv-av-blue{background:#dbeafe;color:#1d4ed8}.lv-av-teal{background:#ccfbf1;color:#0f766e}.lv-av-amber{background:#fef3c7;color:#92400e}.lv-av-purple{background:#ede9fe;color:#6d28d9}.lv-av-coral{background:#fee2e2;color:#b91c1c}.lv-av-green{background:#dcfce7;color:#15803d}.lv-pending-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.lv-pending-name{color:#0f172a;font-size:14px;font-weight:600}.lv-pending-meta{color:#94a3b8;font-size:12px}.lv-pending-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.lv-pending-days{color:#374151;font-size:12.5px;font-weight:600}.lv-pending-dates,.lv-pending-reason{color:#64748b;font-size:12.5px}.lv-pending-reason{font-style:italic;margin-top:2px}.lv-pending-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.lv-since{color:#94a3b8;font-size:11.5px}.lv-pending-actions{display:flex;gap:8px}.lv-approve-btn{background:#16a34a;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:background .15s}.lv-approve-btn:hover:not(:disabled){background:#15803d}.lv-approve-btn:disabled{cursor:not-allowed;opacity:.6}.lv-reject-btn{background:#fff;border:1px solid #fecaca;border-radius:7px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:7px 16px;transition:all .15s}.lv-reject-btn:hover:not(:disabled){background:#fef2f2}.lv-reject-btn:disabled{cursor:not-allowed;opacity:.6}.lv-type-tag{border-radius:20px;display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px}.lt-casual{background:#fef3c7;color:#92400e}.lt-sick{background:#fee2e2;color:#b91c1c}.lt-annual{background:#dbeafe;color:#1d4ed8}.lv-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.lv-search{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#0f172a;font-size:13.5px;outline:none;padding:8px 14px;transition:border-color .15s;width:240px}.lv-search:focus{border-color:#2563eb}.lv-search::placeholder{color:#94a3b8}.lv-filter-group{display:flex;gap:4px}.lv-filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12.5px;font-weight:500;padding:7px 13px;transition:all .12s}.lv-filter-btn:hover{border-color:#94a3b8;color:#0f172a}.lv-filter-active{background:#1e3a5f!important;border-color:#2563eb!important;color:#60a5fa!important}.lv-table-wrap{background:#fff;border:1px solid #e8ecf0;border-radius:12px;margin-bottom:12px;overflow:hidden}.lv-empty{color:#94a3b8;font-size:14px;padding:48px 24px;text-align:center}.lv-table{border-collapse:collapse;font-size:13.5px;width:100%}.lv-table thead tr{background:#f8fafc;border-bottom:1px solid #e8ecf0}.lv-table th{color:#64748b;font-size:11.5px;font-weight:600;letter-spacing:.5px;padding:11px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.lv-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.lv-table tbody tr:last-child{border-bottom:none}.lv-table tbody tr:hover{background:#f8fafc}.lv-table td{padding:12px 14px;vertical-align:middle}.lv-emp-cell{align-items:center;display:flex;gap:10px}.lv-emp-info{display:flex;flex-direction:column;gap:1px}.lv-emp-name{color:#0f172a;font-size:13.5px;font-weight:600;white-space:nowrap}.lv-emp-code{color:#94a3b8;font-size:11.5px}.lv-dates{color:#334155;font-size:13px;white-space:nowrap}.lv-days{color:#0f172a;font-size:13.5px;font-weight:600}.lv-reason{color:#64748b;display:block;font-size:12.5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lv-loc-cell{display:flex;flex-direction:column;gap:2px}.lv-loc-name{color:#334155;font-size:12.5px;font-weight:500}.lv-city-tag{color:#94a3b8;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.lv-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:3px 9px;white-space:nowrap}.lv-status-approved{background:#dcfce7;color:#15803d}.lv-status-rejected{background:#fee2e2;color:#b91c1c}.lv-status-pending{background:#fef3c7;color:#92400e}.lv-rejection-reason{color:#94a3b8;font-size:11px;font-style:italic;margin-top:3px;max-width:140px}.lv-actioned{color:#94a3b8;font-size:12.5px}.lv-footer{color:#94a3b8;font-size:12px;text-align:right}.lv-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.lv-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}.lv-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px 16px}.lv-modal-header h2{color:#0f172a;font-size:17px;font-weight:700;margin:0}.lv-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:4px}.lv-modal-close:hover{color:#0f172a}.lv-modal-error{background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:13px;padding:10px 24px}.lv-modal-body{padding:20px 24px}.lv-reject-info{color:#374151;font-size:13.5px;line-height:1.6;margin-bottom:16px}.lv-form-group{display:flex;flex-direction:column;gap:6px}.lv-form-group label{color:#374151;font-size:12.5px;font-weight:500}.lv-form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#0f172a;font-family:inherit;font-size:13.5px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s}.lv-form-group textarea:focus{border-color:#2563eb}.lv-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.lv-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:13.5px;padding:9px 18px}.lv-btn-cancel:hover{background:#f8fafc}.lv-btn-reject{background:#dc2626;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 20px;transition:background .15s}.lv-btn-reject:hover:not(:disabled){background:#b91c1c}.lv-btn-reject:disabled{cursor:not-allowed;opacity:.6}.rp-root{display:flex;flex-direction:column;gap:0;min-height:100%;padding:28px 32px}.rp-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.rp-header-left{display:flex;flex-direction:column;gap:4px}.rp-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0}.rp-subtitle{color:#64748b;font-size:13px}.rp-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.rp-select{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#0f172a;cursor:pointer;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s}.rp-select:focus{border-color:#2563eb}.rp-export-btn{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s}.rp-export-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.rp-export-btn:disabled{cursor:not-allowed;opacity:.4}.rp-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13.5px;margin-bottom:20px;padding:12px 16px}.rp-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.rp-sum-card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:120px;padding:14px 18px}.rp-sum-num{color:#0f172a;font-size:20px;font-weight:700;letter-spacing:-.5px;line-height:1}.rp-sum-lbl{color:#64748b;font-size:11.5px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.rp-sum-red .rp-sum-num{color:#dc2626;font-size:16px}.rp-sum-green .rp-sum-num{color:#16a34a;font-size:16px}.rp-sum-amber .rp-sum-num{color:#d97706}.rp-sum-slate .rp-sum-num{color:#475569}.rp-tabs{border-bottom:2px solid #f1f5f9;display:flex;gap:4px;margin-bottom:16px}.rp-tab{align-items:center;background:#0000;border:none;border-radius:7px 7px 0 0;bottom:-2px;color:#64748b;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:7px;padding:10px 18px;position:relative;transition:all .15s}.rp-tab:hover{color:#0f172a}.rp-tab-active{background:#0000;border-bottom:2px solid #2563eb;color:#2563eb!important}.rp-tab-badge{background:#ef4444;border-radius:20px;color:#fff;font-size:11px;font-weight:700;padding:1px 6px}.rp-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:60px}.rp-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:28px;width:28px}.rp-empty{color:#94a3b8;font-size:14px;padding:48px;text-align:center}.rp-empty,.rp-table-wrap{background:#fff;border:1px solid #e8ecf0;border-radius:12px}.rp-table-wrap{margin-bottom:12px;overflow:auto}.rp-table{border-collapse:collapse;font-size:13px;min-width:960px;width:100%}.rp-table thead tr{background:#f8fafc;border-bottom:1px solid #e8ecf0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.rp-table th{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.5px;padding:11px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.rp-sortable{cursor:pointer;transition:color .12s;-webkit-user-select:none;user-select:none}.rp-sortable:hover{color:#2563eb}.rp-num{text-align:right!important}.rp-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.rp-table tbody tr:last-child{border-bottom:none}.rp-table tbody tr:hover{background:#f8fafc}.rp-row-deducted{background:#fffbeb}.rp-row-deducted:hover{background:#fef9c3!important}.rp-table td{padding:11px 12px;vertical-align:middle}.rp-emp-cell{gap:9px}.rp-avatar,.rp-emp-cell{align-items:center;display:flex}.rp-avatar{border-radius:50%;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.rp-av-blue{background:#dbeafe;color:#1d4ed8}.rp-av-teal{background:#ccfbf1;color:#0f766e}.rp-av-amber{background:#fef3c7;color:#92400e}.rp-av-purple{background:#ede9fe;color:#6d28d9}.rp-av-coral{background:#fee2e2;color:#b91c1c}.rp-av-green{background:#dcfce7;color:#15803d}.rp-emp-info{display:flex;flex-direction:column;gap:1px}.rp-emp-name{color:#0f172a;font-size:13px;font-weight:600;white-space:nowrap}.rp-emp-code{color:#94a3b8;font-size:11px}.rp-loc-cell{display:flex;flex-direction:column;gap:1px}.rp-loc-name{color:#334155;font-size:12.5px;font-weight:500;white-space:nowrap}.rp-city-tag{color:#94a3b8;font-size:10.5px;letter-spacing:.4px;text-transform:uppercase}.rp-present{color:#16a34a;font-weight:600}.rp-deduct{color:#dc2626}.rp-net{color:#0f172a;font-weight:700}.rp-good{color:#16a34a;font-weight:600}.rp-bad{color:#dc2626;font-weight:600}.rp-warn{color:#d97706;font-weight:600}.rp-pct{border-radius:5px;font-size:12px;font-weight:700;padding:2px 7px}.rp-pct-good{background:#dcfce7;color:#15803d}.rp-pct-bad{background:#fee2e2;color:#dc2626}.rp-late-wrap{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.rp-late-legend{background:#f8fafc;border:1px solid #e8ecf0;border-radius:8px;color:#64748b;font-size:12.5px;margin-bottom:4px;padding:10px 14px}.rp-late-card{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:10px;display:flex;gap:14px;padding:16px 18px;transition:box-shadow .15s}.rp-late-card:hover{box-shadow:0 2px 12px #0000000f}.rp-late-warning{border-left:4px solid #f59e0b}.rp-late-danger{background:#fffbeb;border-left:4px solid #ef4444}.rp-late-rank{color:#94a3b8;font-size:13px;font-weight:700;min-width:28px;text-align:center}.rp-late-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.rp-late-name{color:#0f172a;font-size:14px;font-weight:600}.rp-late-meta{color:#94a3b8;font-size:12px}.rp-late-bar-wrap{align-items:center;display:flex;gap:8px;margin-top:4px}.rp-late-bar{background:#f1f5f9;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.rp-late-fill{border-radius:3px;height:100%;transition:width .4s ease}.rp-fill-ok{background:#22c55e}.rp-fill-warning{background:#f59e0b}.rp-fill-danger{background:#ef4444}.rp-late-bar-label{color:#94a3b8;font-size:11.5px;white-space:nowrap}.rp-late-stats{display:flex;flex-shrink:0;gap:20px}.rp-late-stat{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.rp-late-count{color:#0f172a;font-size:20px;font-weight:700;line-height:1}.rp-late-ded{color:#dc2626;font-size:13px;font-weight:600}.rp-late-leaves{color:#d97706;font-size:16px;font-weight:700}.rp-late-stat-lbl{color:#94a3b8;font-size:10.5px;letter-spacing:.4px;text-transform:uppercase}.rp-footer{color:#94a3b8;font-size:12px;padding-top:4px;text-align:right}.loc-root{min-height:100%;padding:28px 32px}.loc-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.loc-header-left{display:flex;flex-direction:column;gap:4px}.loc-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0}.loc-subtitle{color:#64748b;font-size:13px}.loc-add-btn{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 18px;transition:background .15s}.loc-add-btn:hover{background:#1d4ed8}.loc-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.loc-stat-card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;display:flex;flex-direction:column;gap:4px;min-width:90px;padding:14px 18px}.loc-stat-num{color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1}.loc-stat-lbl{color:#64748b;font-size:11.5px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.loc-stat-warn{border-color:#fcd34d}.loc-stat-warn .loc-stat-num{color:#d97706}.loc-alert{background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:13.5px;margin-bottom:16px;padding:12px 16px}.loc-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.loc-filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:7px 15px;transition:all .12s}.loc-filter-btn:hover{border-color:#94a3b8;color:#0f172a}.loc-filter-active{background:#1e3a5f!important;border-color:#2563eb!important;color:#60a5fa!important}.loc-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13.5px;margin-bottom:16px;padding:12px 16px}.loc-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;padding:60px}.loc-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:28px;width:28px}.loc-empty{color:#94a3b8;font-size:14px;padding:48px;text-align:center}.loc-content{gap:28px}.loc-city-group,.loc-content{display:flex;flex-direction:column}.loc-city-group{gap:12px}.loc-city-label{align-items:center;color:#64748b;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.7px;text-transform:uppercase}.loc-city-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:11px;font-weight:600;letter-spacing:0;padding:2px 7px}.loc-city-dot{border-radius:50%;flex-shrink:0;height:9px;width:9px}.loc-city-lahore{background:#2563eb}.loc-city-karachi{background:#16a34a}.loc-city-islamabad{background:#9333ea}.loc-city-multan{background:#ea580c}.loc-cards-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.loc-card{background:#fff;border:1px solid #e8ecf0;border-radius:12px;padding:18px 20px;transition:box-shadow .15s}.loc-card:hover{box-shadow:0 2px 16px #00000012}.loc-card-header{justify-content:space-between;margin-bottom:12px}.loc-card-header,.loc-card-title-row{align-items:flex-start;display:flex;gap:10px}.loc-card-title-row{flex:1 1}.loc-card-name-wrap{display:flex;flex-direction:column;gap:2px}.loc-card-name{color:#0f172a;font-size:14px;font-weight:700;line-height:1.3}.loc-card-city{color:#94a3b8;font-size:11.5px;letter-spacing:.4px;text-transform:uppercase}.loc-card-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.loc-emp-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-weight:500;padding:3px 9px}.loc-edit-btn,.loc-emp-count{font-size:12px;white-space:nowrap}.loc-edit-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;padding:5px 12px;transition:all .12s}.loc-edit-btn:hover{border-color:#2563eb;color:#2563eb}.loc-address{color:#64748b;font-size:12.5px;line-height:1.4;margin-bottom:12px}.loc-details{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:0;padding-top:12px}.loc-detail-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;justify-content:space-between;padding:7px 0}.loc-detail-row:last-child{border-bottom:none}.loc-detail-label{color:#94a3b8;flex-shrink:0;font-size:12px;font-weight:500}.loc-detail-value-row{align-items:center;display:flex;gap:8px}.loc-detail-value{color:#1e293b;font-size:12.5px;font-weight:500;text-align:right}.loc-mono{color:#475569}.loc-bssid,.loc-mono{font-family:Courier New,monospace;font-size:12px}.loc-bssid{color:#1e293b;font-weight:600}.loc-bssid-status{border-radius:4px;font-size:11px;font-weight:600;padding:2px 7px}.bssid-ok{background:#dcfce7;color:#15803d}.bssid-none{background:#fee2e2;color:#dc2626}.loc-modal-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.loc-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.loc-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px 24px 16px}.loc-modal-header h2{color:#0f172a;font-size:17px;font-weight:700;margin:0}.loc-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:4px}.loc-modal-close:hover{color:#0f172a}.loc-modal-error{background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:13px;padding:10px 24px}.loc-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.loc-form-section{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:12px;margin-top:4px;padding-bottom:6px;text-transform:uppercase}.loc-form-section:not(:first-child){margin-top:20px}.loc-form-tip{background:#f8fafc;border-radius:6px;color:#94a3b8;font-size:12px;line-height:1.5;margin-bottom:12px;padding:8px 12px}.loc-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.loc-span-2{grid-column:span 2}.loc-form-group{display:flex;flex-direction:column;gap:5px}.loc-form-group label{color:#374151;font-size:12.5px;font-weight:500}.loc-form-group input,.loc-form-group select{background:#fff;border:1px solid #e2e8f0;border-radius:7px;box-sizing:border-box;color:#0f172a;font-size:13.5px;outline:none;padding:8px 12px;transition:border-color .15s;width:100%}.loc-form-group input:focus,.loc-form-group select:focus{border-color:#2563eb}.loc-form-group input::placeholder{color:#94a3b8}.loc-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.loc-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;font-size:13.5px;padding:9px 18px}.loc-btn-cancel:hover{background:#f8fafc}.loc-btn-save{background:#2563eb;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:600;padding:9px 20px;transition:background .15s}.loc-btn-save:hover:not(:disabled){background:#1d4ed8}.loc-btn-save:disabled{cursor:not-allowed;opacity:.6}.loc-locked-msg{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px;font-weight:700;padding:10px 18px}.loc-card-pending{background:#fffbeb!important;border:2px dashed #f59e0b!important;opacity:.75;position:relative}.loc-pending-banner{background:#f59e0b;border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:10px;padding:6px 12px;text-align:center}.hh-root{max-width:900px;padding:28px 32px}.hh-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.hh-title{color:#0f172a;font-size:22px;font-weight:800;margin:0}.hh-year-pills{display:flex;gap:6px}.hh-year-pill{background:#fff;border:1px solid #e8ecf0;border-radius:20px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .15s}.hh-year-active{background:#0f172a!important;border-color:#0f172a!important;color:#fff!important}.hh-add-card{background:#fff;border:1px solid #e8ecf0;border-radius:14px;margin-bottom:16px;padding:20px}.hh-add-title{color:#0f172a;font-size:14px;font-weight:700;margin-bottom:14px}.hh-msg{border-radius:8px;font-size:13px;margin-bottom:12px;padding:8px 12px}.hh-err{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.hh-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.hh-add-row{align-items:center;display:flex;gap:10px}.hh-date-input{padding:9px 12px}.hh-date-input,.hh-name-input{border:1px solid #e8ecf0;border-radius:10px;color:#0f172a;font-size:13px;outline:none}.hh-name-input{flex:1 1;padding:9px 14px}.hh-date-input:focus,.hh-name-input:focus{border-color:#6366f1}.hh-add-btn{background:#0f172a;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:9px 20px;transition:all .15s;white-space:nowrap}.hh-add-btn:hover:not(:disabled){background:#1e293b}.hh-add-btn:disabled{cursor:not-allowed;opacity:.5}.hh-presets{background:#f8fafc;border:1px solid #e8ecf0;border-radius:12px;margin-bottom:20px;padding:14px 16px}.hh-presets-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.hh-presets-list{display:flex;flex-wrap:wrap;gap:8px}.hh-preset-pill{background:#fff;border:1px solid #e8ecf0;border-radius:20px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s}.hh-preset-pill:hover:not(:disabled){background:#0f172a;border-color:#0f172a;color:#fff}.hh-preset-added{background:#f0fdf4!important;border-color:#bbf7d0!important;color:#15803d!important;cursor:default!important}.hh-calendar-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;margin-bottom:24px;padding:20px}.hh-month-nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.hh-month-title{color:#0f172a;font-size:16px;font-weight:700}.hh-month-btn{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s;width:32px}.hh-month-btn:hover{background:#f1f5f9}.hh-cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.hh-cal-hd{color:#94a3b8;font-size:11px;font-weight:700;padding:6px 0;text-align:center;text-transform:uppercase}.hh-cal-day,.hh-cal-empty{aspect-ratio:1}.hh-cal-day{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .15s}.hh-cal-day:hover:not(.hh-cal-sun):not(.hh-cal-holiday){background:#f1f5f9;border-color:#e2e8f0}.hh-cal-sun{background:#f8fafc;cursor:default}.hh-cal-sun .hh-cal-num{color:#cbd5e1}.hh-cal-holiday{background:#fef3c7!important;border-color:#f59e0b!important;cursor:default}.hh-cal-holiday .hh-cal-num{color:#92400e;font-weight:800}.hh-cal-today{outline:2px solid #6366f1;outline-offset:2px}.hh-cal-num{color:#374151;font-size:13px;font-weight:600}.hh-cal-dot{color:#f59e0b;font-size:8px;line-height:1}.hh-cal-legend{border-top:1px solid #f1f5f9;display:flex;gap:16px;margin-top:12px;padding-top:12px}.hh-leg{color:#94a3b8;font-size:11px}.hh-leg-holiday{color:#f59e0b}.hh-leg-today{color:#6366f1}.hh-list-title{color:#0f172a;font-size:14px;font-weight:700;margin-bottom:12px}.hh-empty,.hh-loading{color:#94a3b8;font-size:13px;padding:16px 0}.hh-list{display:flex;flex-direction:column;gap:8px}.hh-item{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.hh-item-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;height:10px;width:10px}.hh-item-info{flex:1 1}.hh-item-name{color:#0f172a;font-size:14px;font-weight:600}.hh-item-date{color:#94a3b8;font-size:12px;margin-top:2px}.hh-del-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:28px;justify-content:center;transition:all .15s;width:28px}.hh-del-btn:hover{background:#fee2e2}.hr-shell{background:#f0f2f5;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;width:100vw}.hr-shell,.hr-sidebar{display:flex;height:100vh;overflow:hidden}.hr-sidebar{background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;min-width:240px;width:240px}.hr-sidebar-brand{align-items:center;border-bottom:1px solid #1e293b;display:flex;gap:12px;padding:22px 20px 20px}.hr-brand-logo{align-items:center;background:#2563eb;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:36px;justify-content:center;letter-spacing:-.5px;width:36px}.hr-brand-text{display:flex;flex-direction:column}.hr-brand-name{color:#f1f5f9;font-size:14px;font-weight:600;letter-spacing:-.2px;line-height:1.2}.hr-brand-role{color:#64748b;font-size:11px;letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.hr-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 10px}.hr-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:background .15s,color .15s;width:100%}.hr-nav-item:hover{background:#1e293b;color:#e2e8f0}.hr-nav-active{background:#1e3a5f!important;color:#60a5fa!important}.hr-nav-icon{flex-shrink:0;font-size:15px;text-align:center;width:20px}.hr-nav-label{flex:1 1}.hr-sidebar-footer{border-top:1px solid #1e293b;padding:16px 14px}.hr-user-info{gap:10px;margin-bottom:10px}.hr-user-avatar,.hr-user-info{align-items:center;display:flex}.hr-user-avatar{background:#2563eb;border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.hr-user-details{display:flex;flex-direction:column}.hr-user-name{color:#e2e8f0;font-size:13px;font-weight:500;line-height:1.2}.hr-user-badge{background:#1e3a5f;border-radius:4px;color:#60a5fa;font-size:10px;font-weight:600;letter-spacing:.5px;margin-top:3px;padding:1px 6px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.hr-logout-btn{background:#0000;border:1px solid #1e293b;border-radius:6px;color:#64748b;cursor:pointer;font-size:12.5px;padding:8px;transition:all .15s;width:100%}.hr-logout-btn:hover{background:#1e293b;border-color:#ef4444;color:#ef4444}.hr-main{background:#f0f2f5;flex:1 1;height:100vh;overflow-y:auto}.hr-coming-soon{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px;height:60vh;justify-content:center}.hr-coming-soon-icon{font-size:40px}.hr-coming-soon h2{color:#475569;font-size:20px;font-weight:600;margin:0}.hr-coming-soon p{color:#94a3b8;font-size:14px;margin:0}.lb-root{min-height:100%;padding:28px 32px}.lb-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:16px;height:60vh;justify-content:center}.lb-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.lb-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.lb-header-left{display:flex;flex-direction:column;gap:4px}.lb-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.4px;margin:0}.lb-date{color:#64748b;font-size:13px}.lb-header-right{align-items:center;display:flex;gap:12px}.lb-refresh-time{color:#94a3b8;font-size:12px}.lb-refresh-btn{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s}.lb-refresh-btn:hover:not(:disabled){background:#f8fafc;border-color:#2563eb;color:#2563eb}.lb-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.lb-refreshing{color:#2563eb!important}.lb-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13.5px;margin-bottom:20px;padding:12px 16px}.lb-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.lb-stat-card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:16px 18px;position:relative}.lb-stat-dot{border-radius:50%;height:8px;position:absolute;right:16px;top:16px;width:8px}.lb-dot-green{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.lb-dot-gray{background:#94a3b8}.lb-dot-red{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.lb-dot-amber{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.lb-stat-num{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1}.lb-stat-lbl{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.4px;text-transform:uppercase}.lb-stat-total .lb-stat-num{color:#0f172a}.lb-stat-in .lb-stat-num{color:#16a34a}.lb-stat-absent .lb-stat-num{color:#dc2626}.lb-stat-late .lb-stat-num{color:#d97706}.lb-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.lb-search{background:#fff;border:1px solid #e2e8f0;border-radius:7px;color:#0f172a;font-size:13.5px;outline:none;padding:8px 14px;transition:border-color .15s;width:240px}.lb-search:focus{border-color:#2563eb}.lb-search::placeholder{color:#94a3b8}.lb-filter-group{display:flex;gap:4px}.lb-filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:12.5px;font-weight:500;padding:7px 13px;transition:all .12s}.lb-filter-btn:hover{border-color:#94a3b8;color:#0f172a}.lb-filter-active{background:#1e3a5f!important;border-color:#2563eb!important;color:#60a5fa!important}.lb-table-wrap{background:#fff;border:1px solid #e8ecf0;border-radius:12px;margin-bottom:12px;overflow:hidden}.lb-table{border-collapse:collapse;font-size:13.5px;width:100%}.lb-table thead tr{background:#f8fafc;border-bottom:1px solid #e8ecf0}.lb-table th{color:#64748b;font-size:11.5px;font-weight:600;letter-spacing:.5px;padding:11px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.lb-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .1s}.lb-table tbody tr:last-child{border-bottom:none}.lb-table tbody tr:hover{background:#f8fafc}.lb-row-out{opacity:.72}.lb-table td{color:#1e293b;padding:12px 16px;vertical-align:middle}.lb-emp-cell{gap:10px}.lb-avatar,.lb-emp-cell{align-items:center;display:flex}.lb-avatar{border-radius:50%;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;letter-spacing:.5px;width:34px}.av-blue{background:#dbeafe;color:#1d4ed8}.av-teal{background:#ccfbf1;color:#0f766e}.av-amber{background:#fef3c7;color:#92400e}.av-purple{background:#ede9fe;color:#6d28d9}.av-coral{background:#fee2e2;color:#b91c1c}.av-green{background:#dcfce7;color:#15803d}.lb-emp-info{display:flex;flex-direction:column;gap:1px}.lb-emp-name{color:#0f172a;font-size:13.5px;font-weight:600;white-space:nowrap}.lb-emp-code{color:#94a3b8;font-size:11.5px}.lb-loc-cell{display:flex;flex-direction:column;gap:2px}.lb-loc-name{color:#334155;font-size:13px;font-weight:500}.lb-city-tag{color:#94a3b8;font-size:11px;letter-spacing:.4px;text-transform:uppercase}.lb-shift-tag{background:#f1f5f9;border-radius:5px;color:#475569;font-size:12px;padding:3px 8px;white-space:nowrap}.hr-brand-logo-img{height:32px;object-fit:contain;width:32px}.lb-time{font-feature-settings:"tnum";color:#1e293b;font-size:13.5px;font-variant-numeric:tabular-nums;font-weight:600}.lb-time-muted{color:#94a3b8;font-weight:400}.lb-status-cell{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.lb-badge{border-radius:20px;font-size:12px;font-weight:600;padding:3px 9px;white-space:nowrap}.lb-badge-in{background:#dcfce7;color:#15803d}.lb-badge-out{background:#f1f5f9;color:#64748b}.lb-late-tag{border-radius:4px;font-size:11px;font-weight:600;padding:2px 7px}.lb-late-ontime{background:#dcfce7;color:#16a34a}.lb-late-late{background:#fef3c7;color:#92400e}.lb-duration{font-feature-settings:"tnum";font-size:13px;font-variant-numeric:tabular-nums}.lb-dur-live{color:#2563eb;font-weight:600}.lb-dur-done,.lb-empty{color:#94a3b8}.lb-empty{font-size:14px;padding:48px 24px;text-align:center}.lb-footer{color:#94a3b8;font-size:12px;padding-bottom:8px;text-align:right}.sl-root{background:#030712;justify-content:center;min-height:100vh}.sl-box,.sl-root{align-items:center;display:flex}.sl-box{background:#0f172a;border:1px solid #ffffff0f;border-radius:20px;box-shadow:0 24px 80px #0009;flex-direction:column;gap:14px;padding:40px 32px;width:340px}.sl-icon{color:#6366f1;font-size:36px;margin-bottom:4px}.sl-title{color:#fff;font-size:20px;font-weight:800}.sl-sub{color:#ffffff4d;font-size:12px;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.sl-err{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:13px;padding:8px 16px;text-align:center;width:100%}.sl-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#fff;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.sl-input:focus{border-color:#6366f1}.sl-input::placeholder{color:#ffffff4d}.sl-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;box-shadow:0 4px 16px #6366f166;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:4px;padding:13px;transition:all .2s;width:100%}.sl-btn:hover{transform:translateY(-1px)}.sl-btn:disabled{cursor:not-allowed;opacity:.6}.sa-shell{background:#f0f2f5;display:flex;height:100vh;overflow:hidden}.sa-sidebar{background:#0f172a;display:flex;flex-direction:column;flex-shrink:0;padding:20px 0;width:240px}.sa-brand{border-bottom:1px solid #ffffff0f;gap:10px;margin-bottom:16px;padding:0 20px 20px}.sa-brand,.sa-brand-icon{align-items:center;display:flex}.sa-brand-icon{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px;color:#fff;font-size:18px;height:36px;justify-content:center;width:36px}.sa-brand-name{color:#fff;font-size:15px;font-weight:700}.sa-brand-sub{color:#ffffff4d;font-size:10px;margin-top:1px}.sa-live-btn{animation:live-pulse 2s infinite;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin:0 12px 16px;padding:10px 16px;text-align:left}@keyframes live-pulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.sa-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:0 12px}.sa-nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:all .15s;width:100%}.sa-nav-item:hover{background:#ffffff0f;color:#fff}.sa-nav-active{background:#6366f133!important;color:#a5b4fc!important}.sa-footer{border-top:1px solid #ffffff0f;padding:16px 20px}.sa-user{color:#ffffff80;font-size:13px;margin-bottom:8px}.sa-logout{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:12px;padding:0;text-decoration:underline}.sa-main{flex:1 1;overflow-y:auto;padding:32px}.sa-section{max-width:900px}.sa-section-title{color:#0f172a;font-size:20px;font-weight:800;margin:0 0 20px}.sa-loading{color:#94a3b8;padding:20px}.sa-empty{color:#94a3b8;font-size:13px;padding:16px}.sa-overview-msg{background:#fff;border:1px solid #e8ecf0;border-radius:12px;color:#374151;font-size:14px;line-height:1.6;padding:20px}.sa-hr-list{display:flex;flex-direction:column;gap:10px}.sa-hr-card{background:#fff;border:1px solid #e8ecf0;border-radius:12px;gap:14px;padding:16px}.sa-hr-av,.sa-hr-card{align-items:center;display:flex}.sa-hr-av{background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.sa-hr-info{flex:1 1}.sa-hr-name{color:#0f172a;font-size:14px;font-weight:600}.sa-hr-id{color:#94a3b8;font-size:12px;margin-top:2px}.sa-hr-status{border-radius:20px;font-size:12px;font-weight:700;padding:4px 10px}.sa-active{background:#dcfce7;color:#15803d}.sa-blocked{background:#fee2e2;color:#b91c1c}.sa-toggle-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.sa-btn-block{background:#fee2e2;color:#dc2626}.sa-btn-unblock{background:#dcfce7;color:#16a34a}.sa-logs{display:flex;flex-direction:column;gap:8px}.sa-log-row{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:8px;display:flex;font-size:13px;gap:12px;padding:10px 16px}.sa-log-action{color:#6366f1;flex-shrink:0;font-weight:700}.sa-log-emp{color:#374151;flex:1 1}.sa-log-time{color:#94a3b8;flex-shrink:0;font-size:11px}.lo-root{background:#030712;color:#fff;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden;width:100vw}.lo-topbar{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 28px}.lo-topbar-left{display:flex;flex-direction:column}.lo-logo{color:#6366f1;font-size:18px;font-weight:900;letter-spacing:2px}.lo-subtitle{color:#ffffff4d;font-size:10px;letter-spacing:3px;margin-top:2px}.lo-clock-wrap{text-align:center}.lo-clock{font-feature-settings:"tnum";color:#fff;font-size:42px;font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:-1px;line-height:1}.lo-date{color:#fff6;font-size:12px;margin-top:4px}.lo-topbar-right{align-items:center;display:flex;gap:12px}.lo-live-badge{animation:lo-pulse 1.5s infinite;background:#ef444426;border:1px solid #ef44444d;border-radius:20px;color:#f87171;font-size:12px;font-weight:700;padding:6px 14px}@keyframes lo-pulse{0%,to{opacity:1}50%{opacity:.6}}.lo-back-btn{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px}.lo-stats-bar{background:#ffffff05;border-bottom:1px solid #ffffff0a;flex-shrink:0;gap:20px;padding:20px 28px}.lo-stat-big,.lo-stats-bar{align-items:center;display:flex}.lo-stat-big{border-radius:14px;flex-direction:column;min-width:100px;padding:16px 28px}.lo-s-blue{background:#3b82f626;border:1px solid #3b82f633}.lo-s-green{background:#22c55e26;border:1px solid #22c55e33}.lo-s-amber{background:#f59e0b26;border:1px solid #f59e0b33}.lo-s-red{background:#ef444426;border:1px solid #ef444433}.lo-stat-num{font-size:40px;font-weight:900;line-height:1}.lo-s-blue .lo-stat-num{color:#60a5fa}.lo-s-green .lo-stat-num{color:#4ade80}.lo-s-amber .lo-stat-num{color:#fbbf24}.lo-s-red .lo-stat-num{color:#f87171}.lo-stat-lbl{color:#fff6;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-top:4px}.lo-rate-circle{margin-left:auto}.lo-city-strip{display:flex;flex-shrink:0;gap:10px;padding:10px 28px}.lo-city-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;display:flex;gap:8px;padding:6px 14px}.lo-city-name{color:#ffffff80;font-size:12px}.lo-city-count{color:#fff;font-size:13px;font-weight:700}.lo-grid{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-y:auto;padding:16px 28px}.lo-card{align-items:center;border:1px solid;border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:all .3s}.lo-card-in{background:#22c55e14;border-color:#22c55e33}.lo-card-late{background:#f59e0b14;border-color:#f59e0b33}.lo-card-done{background:#6366f114;border-color:#6366f133}.lo-card-absent{background:#ef44440d;border-color:#ef44441a}.lo-card-avatar{align-items:center;background:#ffffff1a;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.lo-card-info{flex:1 1;min-width:0}.lo-card-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lo-card-id{color:#fff6;font-size:11px;margin-top:1px}.lo-card-city{color:#ffffff4d;font-size:10px}.lo-card-status{border-radius:6px;flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 10px;white-space:nowrap}.lo-cs-in{background:#22c55e33;color:#4ade80}.lo-cs-late{background:#f59e0b33;color:#fbbf24}.lo-cs-done{background:#6366f133;color:#a5b4fc}.lo-cs-absent{background:#ef444426;color:#f87171}.lo-ticker-wrap{align-items:center;background:#ffffff08;border-top:1px solid #ffffff0d;display:flex;flex-shrink:0;gap:12px;overflow:hidden;padding:10px 28px}.lo-ticker-label{color:#ef4444;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:1px;white-space:nowrap}.lo-ticker-track{flex:1 1;overflow:hidden}.lo-ticker-content{animation:ticker-scroll 30s linear infinite;color:#ffffff80;font-size:12px;white-space:nowrap}@keyframes ticker-scroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.sa-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.sa-search{background:#fff;border:1px solid #e8ecf0;border-radius:10px;font-size:13px;outline:none;padding:9px 16px;width:260px}.sa-sub-title{color:#0f172a;font-size:15px;font-weight:700;margin:24px 0 12px}.sa-ov-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.sa-ov-card{border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:20px}.sa-ov-blue{background:#eff6ff;border:1px solid #bfdbfe}.sa-ov-green{background:#f0fdf4;border:1px solid #bbf7d0}.sa-ov-red{background:#fef2f2;border:1px solid #fecaca}.sa-ov-purple{background:#f5f3ff;border:1px solid #ddd6fe}.sa-ov-teal{background:#f0fdfa;border:1px solid #99f6e4}.sa-ov-num{color:#0f172a;font-size:26px;font-weight:900}.sa-ov-lbl{color:#64748b;font-size:12px;font-weight:500}.sa-emp-table{background:#fff;border:1px solid #e8ecf0;border-radius:14px;overflow:hidden}.sa-table-head{background:#f8fafc;border-bottom:1px solid #e8ecf0;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sa-table-head,.sa-table-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1.2fr 1fr 1fr 1fr 1.5fr;padding:12px 16px}.sa-table-row{align-items:center;border-bottom:1px solid #f1f5f9}.sa-table-row:last-child{border-bottom:none}.sa-table-row:hover{background:#f8fafc}.sa-emp-cell{gap:10px}.sa-emp-av,.sa-emp-cell{align-items:center;display:flex}.sa-emp-av{border-radius:8px;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:34px;justify-content:center;width:34px}.sa-emp-name{color:#0f172a;font-size:13px;font-weight:600}.sa-emp-id{color:#94a3b8;font-size:11px;margin-top:1px}.sa-td{color:#374151;font-size:13px}.sa-salary{color:#0f172a;font-weight:700}.sa-net{color:#16a34a!important}.sa-status-badge{border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px}.sa-warn{background:#fef3c7;color:#92400e}.sa-actions{display:flex;gap:6px}.sa-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:5px 10px;transition:all .15s;white-space:nowrap}.sa-btn-pw{background:#f1f5f9;color:#374151}.sa-btn-pw:hover{background:#e2e8f0}.sa-salary-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.sa-sal-kpi{background:#fff;border:1px solid #e8ecf0;border-radius:12px;padding:16px}.sa-kpi-red{border-top:3px solid #ef4444}.sa-kpi-green{border-top:3px solid #22c55e}.sa-sal-kpi-val{color:#0f172a;font-size:20px;font-weight:800}.sa-sal-kpi-lbl{color:#94a3b8;font-size:11px;margin-top:4px}.sa-period-pills{display:flex;flex-wrap:wrap;gap:4px}.sa-period-pill{background:#fff;border:1px solid #e8ecf0;border-radius:16px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px;transition:all .15s}.sa-pill-active{background:#0f172a!important;border-color:#0f172a!important;color:#fff!important}.sa-audit-list{display:flex;flex-direction:column;gap:8px}.sa-audit-row{background:#fff;border:1px solid #e8ecf0;border-radius:12px;gap:14px;padding:14px 16px}.sa-audit-av,.sa-audit-row{align-items:center;display:flex}.sa-audit-av{border-radius:10px;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:38px;justify-content:center;width:38px}.sa-audit-info{flex:1 1}.sa-audit-name{color:#0f172a;font-size:13px;font-weight:600}.sa-audit-detail{color:#94a3b8;font-size:11px;margin-top:2px}.sa-audit-times{color:#64748b;display:flex;flex-direction:column;font-size:12px;gap:2px}.sa-audit-status{border-radius:20px;font-size:11px;font-weight:700;padding:4px 12px}.sa-audit-ok{background:#dcfce7;color:#15803d}.sa-audit-late{background:#fef3c7;color:#92400e}.sa-alert-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.sa-alert-row{align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.sa-alert-badge{background:#fef3c7;border-radius:20px;color:#92400e;font-size:12px;font-weight:700;padding:4px 12px}.sa-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.sa-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;padding:28px;width:380px}.sa-modal-title{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:16px}.sa-modal-input{border:1px solid #e8ecf0;border-radius:10px;box-sizing:border-box;font-size:14px;margin-bottom:12px;outline:none;padding:11px 14px;width:100%}.sa-modal-msg{border-radius:8px;font-size:13px;margin-bottom:12px;padding:8px 12px}.sa-msg-ok{background:#f0fdf4;color:#16a34a}.sa-msg-err{background:#fef2f2;color:#dc2626}.sa-modal-btns{display:flex;gap:10px;justify-content:flex-end}.sa-modal-cancel{background:#f1f5f9;color:#64748b}.sa-modal-cancel,.sa-modal-confirm{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px}.sa-modal-confirm{background:#4f46e5;color:#fff}.lo-s-purple{background:#8b5cf626;border:1px solid #8b5cf633}.lo-s-purple .lo-stat-num{color:#c4b5fd}.fp-gate{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030712d9;inset:0;justify-content:center;position:fixed;z-index:500}.fp-box,.fp-gate{align-items:center;display:flex}.fp-box{background:#0f172a;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 80px #0009;flex-direction:column;gap:12px;padding:40px 32px;width:340px}.fp-icon{font-size:48px;margin-bottom:4px}.fp-title{color:#fff;font-size:18px;font-weight:800;text-align:center}.fp-sub{color:#fff6;font-size:12px;line-height:1.5;text-align:center}.fp-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#f87171;font-size:13px;padding:8px 16px}.fp-error,.fp-pin-input{box-sizing:border-box;text-align:center;width:100%}.fp-pin-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:18px;letter-spacing:4px;outline:none;padding:12px 16px}.fp-pin-input:focus{border-color:#6366f1}.fp-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s;width:100%}.fp-btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 4px 14px #6366f166;color:#fff}.fp-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.fp-btn-primary:disabled{cursor:not-allowed;opacity:.5}.fp-btn-secondary{background:#ffffff0f;border:1px solid #ffffff1a;color:#ffffff80;font-size:13px}.sal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.sal-subtitle{color:#94a3b8;font-size:13px;margin-top:4px}.sal-header-actions{align-items:center;display:flex;gap:10px}.sal-fp-toggle{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;padding:8px 16px;transition:all .2s}.sal-fp-on{background:#dcfce7;color:#15803d}.sal-fp-off{background:#fef3c7;color:#92400e}.sal-section-label{font-size:11px;font-weight:700;letter-spacing:.8px;margin:20px 0 12px;text-transform:uppercase}.sal-label-draft{color:#f59e0b}.sal-label-active{color:#22c55e}.sal-no-drafts{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#15803d;font-size:13px;font-weight:600;margin-bottom:20px;padding:12px 16px}.sal-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:16px}.sal-card{border:1px solid;border-radius:14px;padding:16px}.sal-card-draft{background:#fffbeb;border-color:#fde68a}.sal-card-active{background:#fff;border-color:#e8ecf0}.sal-card-header{margin-bottom:12px}.sal-card-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.sal-card-name{color:#0f172a;font-size:14px;font-weight:700}.sal-card-city{color:#94a3b8;font-size:12px;margin-top:3px}.sal-status-badge{border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.sal-draft{background:#fef3c7;color:#92400e}.sal-live{background:#dcfce7;color:#15803d}.sal-card-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sal-detail-row{align-items:center;display:flex;gap:8px}.sal-detail-lbl{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.3px;min-width:70px;text-transform:uppercase}.sal-detail-val{color:#374151;font-family:monospace;font-size:12px}.sal-has-ip{color:#15803d;font-weight:700}.sal-no-ip{color:#d97706;font-weight:600}.sal-activate-btn{background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:10px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px;transition:all .2s;width:100%}.sal-activate-btn:hover{transform:translateY(-1px)}.fp-scanning-indicator{display:flex;gap:8px;justify-content:center;padding:16px 0}.fp-scanning-indicator span{animation:fp-scan 1.2s infinite;background:#6366f1;border-radius:50%;height:12px;width:12px}.fp-scanning-indicator span:nth-child(2){animation-delay:.2s}.fp-scanning-indicator span:nth-child(3){animation-delay:.4s}@keyframes fp-scan{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.fp-btn-link{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:12px;padding:4px;text-decoration:underline}.sal-fp-locked{background:#fee2e2;color:#b91c1c}.sal-fp-unlocked{background:#dcfce7;color:#15803d}.sal-lock-banner{background:#fef3c7;border:1px solid #f59e0b;border-left-width:4px;border-radius:10px;color:#92400e;font-size:13px;margin-bottom:16px;padding:12px 16px}.sa-table-head,.sa-table-row{grid-template-columns:2fr 1.2fr 1fr 1fr 1fr 1fr!important}.sa-kpi-purple{border-top:3px solid #8b5cf6}
/*# sourceMappingURL=main.291ade46.css.map*/