*,: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{display:flex;flex-direction:column;height:100%}.clock-card{align-items:center;background:var(--dark);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 20px 18px}.clock-status-label{color:#fff6;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.clock-time{font-feature-settings:"tnum";color:#fff;font-size:26px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;margin:2px 0}.clock-sub{color:#ffffff59;font-size:10.5px}.clock-right{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.clocked-chip{align-items:center;background:#16a34a33;border:1px solid #16a34a59;border-radius:20px;color:#4ade80;display:flex;font-size:10.5px;font-weight:600;gap:5px;padding:4px 9px}.live-dot{animation:pulse 1.5s infinite;background:#4ade80;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.clock-btn{border-radius:10px;color:#fff;font-size:13px;font-weight:700;padding:10px 18px;transition:all .15s}.clock-btn.out{background:var(--red)}.clock-btn.out:active{background:var(--red-dark);transform:scale(.96)}.clock-btn.in{background:var(--green)}.clock-btn.in:active{opacity:.85;transform:scale(.96)}.page-content{padding:14px 16px}.notice{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;color:#92400e;display:flex;font-size:12px;gap:9px;line-height:1.4;margin-bottom:14px;padding:10px 13px}.notice svg{flex-shrink:0;margin-top:1px}.section-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;margin-top:4px;text-transform:uppercase}.stat-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:14px}.stat-tile{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;padding:14px;position:relative}.stat-tile:after{border-radius:0 0 12px 12px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.stat-tile.green:after{background:var(--green)}.stat-tile.red:after{background:var(--red)}.stat-tile.amber:after{background:var(--amber)}.tile-label{color:var(--muted);font-size:10.5px;font-weight:600;margin-bottom:5px}.tile-val{font-size:24px;font-weight:800;line-height:1}.tile-val.green{color:var(--green)}.tile-val.red{color:var(--red)}.tile-val.amber{color:var(--amber)}.tile-sub{color:var(--muted);font-size:10px;margin-top:3px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden}.card-header{align-items:center;display:flex;justify-content:space-between;padding:14px 16px 10px}.card-title{font-size:13px;font-weight:700}.card-meta{color:var(--muted);font-size:11.5px}.cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr);padding:0 14px}.cal-hd{color:var(--muted);font-size:9px;font-weight:700;padding:3px 0;text-align:center;text-transform:uppercase}.cal-day{align-items:center;aspect-ratio:1;border-radius:5px;display:flex;font-size:10px;font-weight:600;justify-content:center}.cpresent{background:#dcfce7;color:#15803d}.cabsent{background:#fee2e2;color:#b91c1c}.clate{background:#fef9c3;color:#a16207}.cleave{background:#dbeafe;color:#1d4ed8}.cweekend{background:#f3f4f6;color:#9ca3af}.cfuture{background:#0000;color:#d1d5db}.cx{visibility:hidden}.ctoday{outline:2px solid var(--red);outline-offset:1px}.cal-legend{display:flex;flex-wrap:wrap;gap:12px;padding:10px 14px 14px}.cal-legend span{align-items:center;color:var(--muted);display:flex;font-size:10px;gap:4px}.dot{border-radius:2px;display:inline-block;height:9px;width:9px}.leave-item{border-bottom:1px solid var(--border);padding:12px 16px}.leave-item:last-child{border-bottom:none}.leave-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.leave-name{font-size:13px;font-weight:600}.leave-count{font-size:13px;font-weight:800}.leave-count.red{color:var(--red)}.leave-count.green{color:var(--green)}.leave-count.blue{color:var(--blue)}.leave-bar{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden}.leave-fill{border-radius:3px;height:100%;transition:width .3s}.activity-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:11px 16px}.activity-item:last-child{border-bottom:none}.act-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}.act-icon.present{background:#dcfce7;color:#15803d}.act-icon.late{background:#fef3c7;color:#d97706}.act-icon.absent{background:#fee2e2;color:#b91c1c}.act-info{flex:1 1}.act-date{font-size:13px;font-weight:600}.act-time{color:var(--muted);font-size:11px;margin-top:1px}.act-right{text-align:right}.act-hours{font-size:12px;font-weight:600;margin-bottom:3px}.log-page{padding:16px}.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-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{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-right{text-align:right}.log-hours{font-size:12px;font-weight:600;margin-bottom:4px}.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);font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.sal-card{background:var(--card);border:1px solid var(--border);border-radius:14px;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}.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}.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}.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}.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}.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}.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}
/*# sourceMappingURL=main.31589d1f.css.map*/