html,body,#root{background:#f5f7fa;min-height:100%;margin:0;font-family:Arial,sans-serif}button,input,select,textarea{font-family:inherit}a{text-decoration:none}.live-notification-toast p{color:#4b5563;margin:5px 0 0;font-size:13px}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.live-notification-toast{z-index:999999;background:#fff;border-left:5px solid #d4af37;border-radius:14px;gap:12px;width:360px;padding:16px;animation:.3s toastSlideIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #00000038}.toast-icon{font-size:24px}.live-notification-toast strong{color:#111827;font-size:15px}.live-notification-toast p{color:#4b5563;margin-top:5px;font-size:13px;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}:root{--gold:#d4af37;--gold-light:#f0cc5a;--gold-dim:#d4af3726;--gold-border:#d4af3740;--bg:#050507;--bg2:#0a0b10;--bg3:#0f1018;--bg4:#14151f;--text:#f0f2ff;--muted:#8890b0;--green:#22c55e;--red:#ef4444;--orange:#f59e0b;--blue:#3b82f6;--purple:#8b5cf6}body.hrms-dashboard{background:var(--bg);color:var(--text);height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow:hidden}body.hrms-dashboard #root{text-align:left;border:none;width:100%;max-width:none;min-height:100vh;margin:0}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg2);border-right:1px solid var(--gold-border);flex-direction:column;flex-shrink:0;width:260px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.sidebar.collapsed .sb-label,.sidebar.collapsed .sidebar-header p,.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .secure-badge,.sidebar.collapsed .collapse-text{display:none}.sidebar.collapsed .sidebar-header{justify-content:center;align-items:center;padding:18px 0}.sidebar-header h2{background:linear-gradient(135deg, #fff 20%, var(--gold));color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.nav-label{text-transform:uppercase;letter-spacing:2px;color:var(--muted);padding:8px 8px 4px;font-size:.6rem}.nav-item{color:var(--muted);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin:1px 0;padding:9px 12px;font-family:inherit;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background:var(--gold-dim);color:var(--gold)}.nav-item:hover i{color:var(--gold)}.nav-item.active{border-left:2px solid var(--gold);color:var(--gold);background:linear-gradient(90deg,#d4af372e,#d4af370a);padding-left:10px}.nav-item.active i{color:var(--gold)}.secure-badge{color:var(--gold);border:1px solid var(--gold-border);background:#d4af371a;border-radius:30px;flex-shrink:0;margin-left:auto;padding:3px 7px;font-size:.58rem}.sidebar-footer{border-top:1px solid var(--gold-border);margin-top:auto;padding:12px}.main-panel{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.topbar{background:var(--bg2);border-bottom:1px solid var(--gold-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-title h1{background:linear-gradient(135deg, #fff, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.topbar-title p{color:var(--muted);margin-top:1px;font-size:.7rem}.topbar-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.branch-dropdown{position:relative}.branch-btn{background:var(--bg3);border:1px solid var(--gold-border);color:var(--text);cursor:pointer;border-radius:30px;align-items:center;gap:7px;padding:6px 14px;font-family:inherit;font-size:.75rem;transition:all .2s;display:flex}.branch-btn:hover{border-color:var(--gold);color:var(--gold)}.dropdown-menu{background:var(--bg3);border:1px solid var(--gold-border);z-index:200;border-radius:14px;min-width:180px;display:none;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 32px #00000080}.dropdown-menu.show{display:block}.dropdown-item{cursor:pointer;padding:10px 16px;font-size:.82rem;transition:all .15s}.dropdown-item:hover{background:var(--gold-dim);color:var(--gold)}.month-picker-wrap{background:var(--bg3);border:1px solid var(--gold-border);border-radius:30px;align-items:center;gap:7px;padding:6px 12px;display:flex}.month-picker-wrap input{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:.75rem}.month-picker-wrap input::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.live-pill{background:var(--bg3);border:1px solid var(--gold-border);border-radius:30px;align-items:center;gap:5px;padding:5px 10px;font-size:.68rem;display:flex}.live-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 6px var(--green);border-radius:50%;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.scroll-content{flex:1;padding:20px 24px 40px;overflow-y:auto}.welcome-banner{border:1px solid var(--gold-border);background:linear-gradient(135deg,#0d0f1a 0%,#121520 40%,#0a0c14 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:22px 28px;display:flex;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:2px;position:absolute;top:0;left:0;right:0}.welcome-left{align-items:center;gap:16px;display:flex}.welcome-avatar{border:2px solid var(--gold);width:54px;height:54px;color:var(--gold);background:linear-gradient(135deg,#d4af374d,#d4af371a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex}.welcome-text h2{color:#fff;font-size:1.25rem;font-weight:800}.welcome-text h2 span{color:var(--gold)}.welcome-text p{color:var(--muted);margin-top:3px;font-size:.75rem}.welcome-right{flex-wrap:wrap;gap:10px;display:flex}.welcome-stat{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;min-width:90px;padding:10px 16px}.welcome-stat .ws-val{font-size:1.5rem;font-weight:800}.welcome-stat .ws-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.6rem}.ws-green{color:var(--green)}.ws-red{color:var(--red)}.ws-orange{color:var(--orange)}.ws-gold{color:var(--gold)}.datetime-pill{border:1px solid var(--gold-border);color:var(--gold);background:#d4af371a;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;display:flex}.live-clock{font-weight:700}.notif-strip{background:var(--bg3);border:1px solid var(--gold-border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:12px 18px;display:flex}.notif-strip-title{color:var(--gold);flex-shrink:0;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:flex}.notif-items{flex-wrap:wrap;flex:1;gap:8px;display:flex}.notif-chip{background:var(--bg4);cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.7rem;transition:all .15s;display:flex}.notif-chip:hover{border-color:var(--gold-border)}.notif-chip.urgent{color:#fca5a5;border-color:#ef444466}.notif-chip.info{color:#93c5fd;border-color:#3b82f666}.notif-chip.success{color:#86efac;border-color:#22c55e66}.notif-chip.warn{color:#fcd34d;border-color:#f59e0b66}.month-strip{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px;display:grid}.strip-tile{background:var(--bg3);border:1px solid var(--gold-border);border-radius:16px;padding:14px 16px;position:relative;overflow:hidden}.strip-tile:before{content:"";background:var(--accent-color,var(--gold));height:2px;position:absolute;top:0;left:0;right:0}.strip-tile .tile-icon{color:var(--accent-color,var(--gold));margin-bottom:6px;font-size:1.1rem}.strip-tile .tile-val{color:var(--text);font-size:1.7rem;font-weight:800;line-height:1}.strip-tile .tile-lbl{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:4px;font-size:.6rem}.section-hdr{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-hdr h2{color:var(--text);align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.section-hdr h2 span{background:var(--gold);border-radius:4px;width:4px;height:16px;display:inline-block}.triple-row{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:18px;display:grid}.panel{background:var(--bg3);border:1px solid var(--gold-border);border-radius:18px;padding:16px}.panel-title{color:var(--gold);border-left:3px solid var(--gold);align-items:center;gap:8px;margin-bottom:12px;padding-left:10px;font-size:.8rem;font-weight:700;display:flex}.leaderboard-item{border-bottom:1px solid #ffffff0a;align-items:center;gap:8px;padding:7px 0;display:flex}.leaderboard-item:last-child{border-bottom:none}.lb-rank{background:var(--bg4);width:22px;height:22px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.lb-rank.gold{color:var(--gold);background:#d4af3733}.lb-rank.silver{color:#94a3b8;background:#94a3b833}.lb-rank.bronze{color:#b47832;background:#b4783233}.lb-name{flex:1;font-size:.78rem;font-weight:500}.lb-bar-wrap{background:var(--bg4);border-radius:10px;flex:1.5;height:5px;overflow:hidden}.lb-bar{background:var(--gold);border-radius:10px;height:100%}.lb-pct{color:var(--gold);text-align:right;width:34px;font-size:.72rem;font-weight:700}.leave-item{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:8px 0;display:flex}.leave-item:last-child{border-bottom:none}.leave-avatar{background:var(--bg4);width:30px;height:30px;color:var(--gold);border:1px solid var(--gold-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.leave-info{flex:1;min-width:0}.leave-info .li-name{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.leave-info .li-type{color:var(--muted);font-size:.62rem}.leave-badge{border-radius:20px;padding:3px 8px;font-size:.6rem;font-weight:600}.lb-pending{color:var(--orange);background:#f59e0b33;border:1px solid #f59e0b4d}.alert-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.alert-item:last-child{border-bottom:none}.alert-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.alert-text{font-size:.73rem;line-height:1.4}.alert-time{color:var(--muted);margin-top:2px;font-size:.62rem}.chart-panel{background:var(--bg3);border:1px solid var(--gold-border);border-radius:18px;padding:16px}.chart-panel canvas{max-height:200px}.branch-panel{background:var(--bg3);border:1px solid var(--gold-border);border-radius:18px;margin-bottom:18px;padding:16px}.employees-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:18px;display:grid}.emp-card{background:var(--bg3);border:1px solid var(--gold-border);cursor:pointer;border-radius:18px;padding:18px 16px 16px;transition:all .2s;position:relative;overflow:hidden}.emp-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px #d4af371a}.emp-card-top{align-items:center;gap:10px;margin-bottom:14px;display:flex}.emp-avatar{border:1.5px solid var(--gold-border);width:42px;height:42px;color:var(--gold);background:linear-gradient(135deg,#1a1c2a,#252838);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:flex}.emp-info{min-width:0}.emp-name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.emp-dept{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.7rem;overflow:hidden}.donut-wrap{width:88px;height:88px;margin:0 auto 12px;position:relative}.donut-wrap canvas{width:88px;height:88px;position:absolute;top:0;left:0}.donut-pct{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-pct .pct-num{font-size:1.2rem;font-weight:800;line-height:1}.donut-pct .pct-lbl{color:var(--muted);margin-top:1px;font-size:.58rem}.emp-mini-stats{grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:10px;display:grid}.mini-stat{background:var(--bg4);text-align:center;border-radius:10px;padding:6px 4px}.mini-stat .msv{font-size:.9rem;font-weight:700}.mini-stat .msl{color:var(--muted);font-size:.58rem}.pct-excellent{color:var(--green)}.pct-good{color:#86efac}.pct-average{color:var(--orange)}.pct-poor{color:var(--red)}.dept-filter-row{flex-wrap:wrap;gap:5px;display:flex}.dept-chip{background:var(--bg3);cursor:pointer;color:var(--muted);border:1px solid #0000;border-radius:20px;padding:4px 10px;font-family:inherit;font-size:.7rem;font-weight:500;transition:all .15s}.dept-chip:hover{border-color:var(--gold-border);color:var(--text)}.dept-chip.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.skeleton{background:linear-gradient(90deg, var(--bg3) 25%, var(--bg4) 50%, var(--bg3) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{background:var(--bg3);border:1px solid var(--gold-border);border-left:3px solid var(--gold);color:#f5e2b0;z-index:2000;opacity:0;pointer-events:none;border-radius:30px;padding:10px 20px;font-size:.8rem;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.empty-state{color:var(--muted);font-size:.8rem}@media (width<=1300px){.month-strip{grid-template-columns:repeat(3,1fr)}.triple-row{grid-template-columns:1fr 1fr}}@media (width<=900px){.triple-row,.chart-row{grid-template-columns:1fr}.month-strip{grid-template-columns:repeat(2,1fr)}.scroll-content{padding:12px 14px 28px}}.page-loading{color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:48px 24px;font-size:.9rem;display:flex}.page-loading-spinner{border:2px solid var(--gold);border-top-color:#0000;border-radius:50%;width:22px;height:22px;animation:.6s linear infinite spin}.empty-state i{color:var(--gold);margin-bottom:12px;font-size:2rem}.empty-state h3{color:var(--text);margin-bottom:8px;font-size:1.1rem}.empty-state p{max-width:420px;margin:0 auto;font-size:.85rem;line-height:1.5}.admin-attendance-page.att-dashboard{background:#0a0a0a;flex:1;padding:28px 32px 48px;overflow-y:auto}.admin-attendance-page .header{border-bottom:1px solid #d4af374d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.admin-attendance-page .title h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.admin-attendance-page .title p{color:#9b9ec2;margin-top:6px}.admin-attendance-page .controls-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-attendance-page .branch-dropdown,.admin-attendance-page .date-picker-wrapper{position:relative}.admin-attendance-page .branch-selector-btn,.admin-attendance-page .date-btn{cursor:pointer;color:#eff0f5;background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:12px;padding:10px 20px;font-family:inherit;font-size:.85rem;display:flex}.admin-attendance-page .branch-menu{z-index:200;background:#111216;border:1px solid #d4af374d;border-radius:20px;min-width:220px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden}.admin-attendance-page .branch-menu-item{cursor:pointer;padding:12px 20px;font-size:14px;transition:all .2s}.admin-attendance-page .branch-menu-item:hover{color:#d4af37;background:#d4af3726}.admin-attendance-page .live-badge{background:#1e1a10;border:1px solid #d4af37;border-radius:40px;padding:6px 14px;font-size:.75rem}.admin-attendance-page .live-pulse{background:#23c55e;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.5s infinite att-pulse;display:inline-block}@keyframes att-pulse{0%{opacity:.4}to{opacity:1}}.admin-attendance-page .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;display:grid}.admin-attendance-page .kpi{background:#0c0d12;border:1px solid #d4af3733;border-radius:28px;padding:22px;transition:all .2s}.admin-attendance-page .kpi-title{text-transform:uppercase;color:#a9adc9;letter-spacing:1px;font-size:13px}.admin-attendance-page .kpi-value{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;margin:12px 0 6px;font-size:42px;font-weight:800}.admin-attendance-page .trend-up{color:#4ade80;font-size:13px}.admin-attendance-page .card{background:#0b0c10;border:1px solid #d4af3733;border-radius:28px;margin-bottom:32px;padding:24px;transition:all .2s}.admin-attendance-page .card-header{border-left:3px solid #d4af37;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-left:12px;font-weight:600;display:flex}.admin-attendance-page .badge{border-radius:40px;padding:4px 12px;font-size:11px;font-weight:600;box-shadow:0 1px 3px #0003}.admin-attendance-page .badge-absent{color:#ff6b6b;background:#ff464633}.admin-attendance-page .dept-leaderboard{flex-direction:column;gap:12px;display:flex}.admin-attendance-page .dept-row{justify-content:space-between;align-items:center;display:flex}.admin-attendance-page .progress{background:#2a2a35;border-radius:10px;flex:1;height:6px;margin:0 12px;overflow:hidden}.admin-attendance-page .progress-fill{background:#d4af37;border-radius:10px;width:0%;height:100%;transition:width .3s}.admin-attendance-page .att-table-container{border-radius:20px;margin-top:12px;overflow-x:auto}.admin-attendance-page .att-table{border-collapse:collapse;width:100%;font-size:13px}.admin-attendance-page .att-table th{text-align:left;color:#d4af37;z-index:10;background:#0f1117;border-bottom:1px solid #d4af374d;padding:14px 12px;font-weight:600;position:sticky;top:0}.admin-attendance-page .att-table td{vertical-align:middle;border-bottom:1px solid #d4af3714;padding:14px 12px}.admin-attendance-page .att-table tbody tr{transition:all .1s}.admin-attendance-page .att-table tbody tr:hover{background:#d4af3714;border-left:2px solid #d4af37}.admin-attendance-page .att-table tbody tr:nth-child(2n){background:#0a0b0f}.admin-attendance-page .att-table tbody tr:nth-child(odd){background:#0c0d12}.admin-attendance-page .filter-bar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-attendance-page .filter-btn{color:#ddd;cursor:pointer;background:#111215;border:none;border-radius:40px;padding:8px 20px;font-family:inherit;font-size:12px;transition:all .2s}.admin-attendance-page .filter-btn.active{color:#030303;background:#d4af37;font-weight:700}.admin-attendance-page .search-input{color:#fff;background:#111215;border:1px solid #2a2a35;border-radius:40px;outline:none;min-width:180px;padding:8px 20px;font-family:inherit}.admin-attendance-page .date-picker-wrapper input{color:#fff;cursor:pointer;background:#111216;border:1px solid #d4af37;border-radius:40px;padding:9px 16px;font-family:Inter,sans-serif;font-size:.85rem}.admin-attendance-page .toggle-btn{color:#d4af37;cursor:pointer;background:#1e1a10;border:1px solid #d4af37;border-radius:40px;padding:6px 16px;font-family:inherit;font-size:12px;transition:all .2s}.admin-attendance-page .toggle-btn:hover{color:#030303;background:#d4af37}.admin-attendance-page .branch-tag{background:#2a2414;border-radius:30px;padding:2px 10px;font-size:11px;font-weight:600}.admin-attendance-page .late-feed-item{background:#111216;border:1px solid #ffa00033;border-radius:18px;align-items:flex-start;gap:14px;margin-bottom:12px;padding:16px;display:flex}.admin-attendance-page .late-feed-icon{color:#ffb347;background:#ffa00026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.admin-attendance-page .loading-spinner{border:2px solid #d4af37;border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin-left:10px;animation:.6s linear infinite att-spin;display:inline-block}@keyframes att-spin{to{transform:rotate(360deg)}}.admin-attendance-page .edit-attend-btn{cursor:pointer;color:#030303;background:#d4af37;border:none;border-radius:20px;padding:4px 12px;font-size:11px}.admin-attendance-page .kpi-sunday,.admin-attendance-page .kpi-holiday{text-align:center;grid-column:1/-1}.admin-attendance-page .kpi-sunday{background:#b91c1c1a;border:1px solid #b91c1c66}.admin-attendance-page .kpi-holiday{background:#d4af3714;border:1px solid #d4af3766}.att-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.att-modal-card{background:#0f1016;border:1px solid #d4af37;border-radius:32px;width:380px;max-width:calc(100% - 32px);padding:28px;box-shadow:0 20px 40px #00000080}.att-modal-card h3{color:#d4af37;margin-bottom:20px}.att-modal-card label{color:#9b9ec2;margin-bottom:6px;font-size:12px;display:block}.att-modal-card input{color:#fff;box-sizing:border-box;background:#1e1f2a;border:1px solid #333;border-radius:28px;width:100%;margin-bottom:18px;padding:12px;font-family:monospace}.att-modal-actions{justify-content:flex-end;gap:14px;display:flex}.att-modal-actions button{cursor:pointer;border:none;border-radius:40px;padding:8px 20px;font-family:inherit;font-weight:600}.att-modal-actions .save-btn{color:#030303;background:#d4af37}.att-modal-actions .cancel-btn{color:#eee;background:#2c2c3a}@media (width<=1100px){.admin-attendance-page.att-dashboard{padding:20px}}.admin-analysis-page.main-panel-content{background:#07090f;flex:1;padding:24px 32px 48px;overflow-y:auto}.blue-num{color:#2563eb}.admin-analysis-page .exec-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e16b3;border:1px solid #d4af374d;border-radius:48px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:12px 24px;display:flex}.admin-analysis-page .emp-profile{align-items:center;gap:14px;display:flex}.admin-analysis-page .avatar-sm{color:#d4af37;background:linear-gradient(135deg,#2a241a,#1a160e);border:1.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:800;display:flex}.admin-analysis-page .online-dot{background:#4ade80;border-radius:50%;width:10px;height:10px;margin-left:6px;display:inline-block;box-shadow:0 0 6px #4ade80}.admin-analysis-page .header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-analysis-page .search-wrap{align-items:center;gap:8px;display:flex}.admin-analysis-page .search-wrap input{color:#fff;background:#1a1c26;border:none;border-radius:40px;min-width:160px;padding:6px 14px;font-family:inherit}.admin-analysis-page .icon-btn{color:#d4af37;cursor:pointer;background:#131520;border:1px solid #d4af374d;border-radius:40px;padding:8px 16px;font-size:13px}.admin-analysis-page .export-btn{color:#07090f;cursor:pointer;background:#d4af37;border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-family:inherit;font-weight:700;display:flex}.admin-analysis-page .filter-card{background:#0c0e16;border:1px solid #d4af3740;border-radius:28px;flex-wrap:wrap;align-items:flex-end;gap:18px;margin-bottom:28px;padding:20px 24px;display:flex}.admin-analysis-page .filter-group{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.admin-analysis-page .filter-group label{text-transform:uppercase;letter-spacing:1px;color:#d4af37;font-size:11px;font-weight:600}.admin-analysis-page .filter-group select,.admin-analysis-page .filter-group input[type=month]{color:#f5f7ff;cursor:pointer;background:linear-gradient(145deg,#151824,#1d2233);border:1px solid #d4af3747;border-radius:16px;outline:none;min-width:180px;padding:12px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.admin-analysis-page .load-btn{color:#07090f;cursor:pointer;background:#d4af37;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-weight:700;display:flex}.admin-analysis-page .load-btn:disabled{opacity:.6;cursor:not-allowed}.admin-analysis-page .week-nav-btn{padding:4px 12px!important}.admin-analysis-page .hero-strip{background:#0c0e16;border:1px solid #d4af3759;border-radius:32px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding:20px 28px;display:none}.admin-analysis-page .hero-strip.show{display:flex}.admin-analysis-page .hero-avatar{color:#d4af37;background:linear-gradient(145deg,#2a241a,#0f0e0a);border:2px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:800;display:flex}.admin-analysis-page .hero-info h2{font-size:1.4rem;font-weight:700}.admin-analysis-page .hero-meta{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}.admin-analysis-page .hero-meta-item{text-align:center}.admin-analysis-page .hero-meta-item .val{color:#d4af37;font-size:24px;font-weight:800}.admin-analysis-page .hero-meta-item .lbl{color:#9b9ec2;text-transform:uppercase;letter-spacing:1px;font-size:10px}.admin-analysis-page .tabs-row{border-bottom:1px solid #d4af3733;flex-wrap:wrap;gap:6px;margin-bottom:28px;display:flex}.admin-analysis-page .tab-btn{color:#a0a5c0;cursor:pointer;background:0 0;border:none;border-radius:40px;padding:12px 24px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.admin-analysis-page .tab-btn.active{color:#d4af37;background:#d4af3726;box-shadow:inset 0 0 0 1px #d4af37}.admin-analysis-page .tab-pane{animation:.25s analysisFadeIn;display:none}.admin-analysis-page .tab-pane.active{display:block}@keyframes analysisFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.admin-analysis-page .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:28px;display:grid}.admin-analysis-page .kpi-tile{background:#0c0e16;border:1px solid #d4af3733;border-radius:24px;padding:18px 20px;transition:all .2s}.admin-analysis-page .kpi-tile:hover{border-color:#d4af37;transform:translateY(-2px)}.admin-analysis-page .kpi-tile .label{text-transform:uppercase;color:#a9adc9;letter-spacing:1px;font-size:11px}.admin-analysis-page .kpi-tile .value{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 2px;font-size:32px;font-weight:800}.admin-analysis-page .kpi-skeleton-bar{background:linear-gradient(90deg,#1a1c26,#252836,#1a1c26) 0 0/200%;border-radius:8px;height:36px;margin-top:6px;animation:1.4s infinite analysisShimmer}.admin-analysis-page .table-skeleton-cell{background:linear-gradient(90deg,#1a1c26,#252836,#1a1c26) 0 0/200%;border-radius:6px;height:14px;animation:1.4s infinite analysisShimmer}@keyframes analysisShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.admin-analysis-page .card{background:#0c0e16;border:1px solid #d4af3733;border-radius:28px;margin-bottom:28px;padding:24px}.admin-analysis-page .card-title{color:#d4af37;border-left:3px solid #d4af37;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-left:12px;font-size:14px;font-weight:700;display:flex}.admin-analysis-page .chart-subtitle{color:#d4af37;margin-bottom:12px;padding-left:4px;font-size:13px;font-weight:700}.admin-analysis-page .chart-trends-wrap{min-height:220px}.admin-analysis-page .analysis-empty-chart{color:#9b9ec2;text-align:center;padding:40px}.admin-analysis-page .week-filter{background:#11131e;border-radius:48px;flex-wrap:wrap;gap:8px;padding:4px;display:flex}.admin-analysis-page .week-filter button{color:#9b9ec2;cursor:pointer;background:0 0;border:none;border-radius:40px;padding:6px 14px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.admin-analysis-page .week-filter button.active{color:#07090f;background:#d4af37}.admin-analysis-page .week-nav{align-items:center;gap:12px;display:flex}.admin-analysis-page .data-table{border-collapse:collapse;width:100%;font-size:12px}.admin-analysis-page .data-table th{text-align:left;color:#d4af37;border-bottom:1px solid #d4af3733;padding:12px 10px;font-weight:600}.admin-analysis-page .data-table td{border-bottom:1px solid #ffffff0a;padding:10px}.admin-analysis-page .badge{border-radius:40px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.admin-analysis-page .b-present{color:#4ade80;background:#4ade8033}.admin-analysis-page .b-late{color:#ffb347;background:#ffa00033}.admin-analysis-page .b-absent{color:#ff6b6b;background:#ff464633}.admin-analysis-page .b-halfday{color:#4a8fe8;background:#4a8fe833}.admin-analysis-page .break-time-cell{color:#c5cde0;font-family:monospace;font-size:11px}.admin-analysis-page .break-dur{color:#d4af37;margin-left:4px;font-weight:700}.admin-analysis-page .cal-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:12px;display:grid}.admin-analysis-page .cal-dow-header{text-align:center;color:#d4af37;padding:10px 0;font-size:12px;font-weight:700}.admin-analysis-page .cal-day{text-align:center;cursor:pointer;background:#11131e;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:64px;padding:14px 6px;transition:all .1s;display:flex;position:relative}.admin-analysis-page .cal-day:hover{z-index:10;border-color:#d4af37;transform:scale(1.04)}.admin-analysis-page .cal-day .day-num{font-size:18px;font-weight:800;line-height:1}.admin-analysis-page .cal-present{background:#4ade8040}.admin-analysis-page .cal-halfday{background:#ffeb3b73}.admin-analysis-page .cal-late{background:#ff640073}.admin-analysis-page .cal-absent{background:#ff464640}.admin-analysis-page .cal-holiday{opacity:.6;background:#94a3b812}.admin-analysis-page .cal-empty{cursor:default;background:0 0;border:none}.admin-analysis-page .day-num.green-num{color:#4ade80}.admin-analysis-page .day-num.yellow-num{color:#ffd966}.admin-analysis-page .day-num.orange-num{color:#ff8c42}.admin-analysis-page .day-num.red-num{color:#ff6b6b}.admin-analysis-page .day-num.default-num{color:#9b9ec2}.admin-analysis-page .cal-tooltip-custom{visibility:hidden;white-space:nowrap;z-index:200;color:#eff0f5;text-align:left;pointer-events:none;background:#0c0e16;border:1px solid #d4af37;border-radius:16px;padding:12px 16px;font-family:monospace;font-size:11px;position:absolute;bottom:115%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000080}.admin-analysis-page .cal-day:hover .cal-tooltip-custom{visibility:visible}.admin-analysis-page .cal-tooltip-custom strong{color:#d4af37;font-family:Inter,sans-serif}.admin-analysis-page .week-cards{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:24px;display:grid}.admin-analysis-page .week-day-card{text-align:center;background:#11131e;border:1px solid #d4af3733;border-radius:18px;padding:12px;font-size:11px}.admin-analysis-page .chart-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.admin-analysis-page .leave-policy-box{background:#1a1c26;border-radius:20px;margin-top:12px;padding:16px}.admin-analysis-page .toast{color:#f5e2b0;z-index:2000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:50px;padding:12px 24px;transition:all .2s;position:fixed;bottom:24px;right:24px}.admin-analysis-page .toast.show{opacity:1}.admin-analysis-page #dailyLogTable tbody tr:hover,.admin-analysis-page #breakDetailTable tbody tr:hover{background:#d4af370f}.admin-analysis-page .cal-tooltip-custom hr{border-color:#d4af374d;margin:4px 0}.admin-analysis-page .cal-heatmap-wrap{position:relative}.admin-analysis-page .cal-loading-overlay{z-index:20;pointer-events:none;background:#08090e8c;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.admin-analysis-page .cal-loading-overlay .loading-spinner{border:3px solid #d4af3740;border-top-color:#d4af37;border-radius:50%;width:28px;height:28px;animation:.6s linear infinite cal-spin}.admin-analysis-page .cal-month-nav{background:#0c0d12;border:1px solid #d4af3733;border-radius:40px;justify-content:space-between;align-items:center;margin:12px 0 4px;padding:8px 16px;display:flex}.admin-analysis-page .cal-month-nav button{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:40px;padding:6px 16px;font-size:12px;font-weight:600}.admin-analysis-page .cal-month-nav span{color:#d4af37;font-size:1rem;font-weight:600}@keyframes cal-spin{to{transform:rotate(360deg)}}@media (width<=1000px){.admin-analysis-page .chart-row{grid-template-columns:1fr}.admin-analysis-page .week-cards{grid-template-columns:repeat(3,1fr)}.admin-analysis-page.main-panel-content{padding:20px}}@media (width<=768px){.admin-analysis-page .filter-group input[type=month]{width:100%;min-width:unset}}.admin-breaks-page{background:#0a0a0a;padding:28px 32px 48px}.admin-breaks-page .header{border-bottom:1px solid #d4af374d;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;display:flex}.admin-breaks-page .title h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.admin-breaks-page .title p{color:#9a9dc2;margin-top:6px;font-size:14px}.admin-breaks-page .controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-breaks-page .date-picker-wrapper{background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:12px;padding:8px 18px;display:flex}.admin-breaks-page .date-picker-wrapper i{color:#d4af37}.admin-breaks-page #attendanceDate{color:#fff;background:#1a1c26;border:none;border-radius:30px;padding:8px 12px;font-family:Inter,sans-serif;font-size:.85rem}.admin-breaks-page .branch-dropdown{position:relative}.admin-breaks-page .branch-selector-btn{cursor:pointer;color:#cfcfcf;background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:12px;padding:8px 20px;font-size:.85rem;font-weight:500;display:flex}.admin-breaks-page .branch-menu{z-index:200;background:#111216;border:1px solid #d4af374d;border-radius:20px;min-width:220px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden}.admin-breaks-page .branch-menu-item{cursor:pointer;color:#cfcfcf;padding:12px 20px;font-size:14px;transition:all .2s}.admin-breaks-page .branch-menu-item:hover{color:#d4af37;background:#d4af3726}.admin-breaks-page .stats-row{flex-wrap:wrap;gap:20px;margin-bottom:28px;display:flex}.admin-breaks-page .stat-card{background:#0c0d12;border:1px solid #d4af3733;border-radius:24px;flex:1;min-width:180px;padding:16px 24px}.admin-breaks-page .stat-label{color:#a9adc9;margin-bottom:8px;font-size:13px}.admin-breaks-page .stat-number{color:#d4af37;font-size:28px;font-weight:800}.admin-breaks-page .table-wrapper{background:#0c0d12;border:1px solid #d4af3733;border-radius:24px;margin-top:8px;overflow-x:auto}.admin-breaks-page .breaks-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:.8rem}.admin-breaks-page .breaks-table th{text-align:left;color:#d4af37;background:#0f0e0a;border-bottom:1px solid #d4af3733;padding:16px 12px;font-weight:600}.admin-breaks-page .breaks-table td{vertical-align:middle;border-bottom:1px solid #d4af371a;padding:14px 12px}.admin-breaks-page .break-time-cell{background:#1a1c26;border-radius:20px;padding:6px 10px;font-family:monospace;font-size:.75rem;display:inline-block}.admin-breaks-page .edit-btn{color:#030303;cursor:pointer;background:#d4af37;border:none;border-radius:40px;padding:6px 14px;font-weight:600;transition:all .2s}.admin-breaks-page .edit-btn:hover{background:#c5a022;transform:scale(1.02)}.admin-breaks-page .remaining-badge{color:#4ade80;font-weight:700}.admin-breaks-page .remaining-badge.warning{color:#f59e0b}.admin-breaks-page .remaining-badge.danger{color:#ef4444}.admin-breaks-page .modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.admin-breaks-page .modal.show{display:flex}.admin-breaks-page .modal-content{background:#0d0e12;border:1px solid #d4af37;border-radius:32px;width:90%;max-width:550px;max-height:85vh;padding:28px;overflow-y:auto}.admin-breaks-page .modal-content h3{color:#d4af37;margin-bottom:20px}.admin-breaks-page .form-group{margin-bottom:16px}.admin-breaks-page .form-group label{color:#a9adc9;margin-bottom:6px;font-size:13px;display:block}.admin-breaks-page .time-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-breaks-page .time-row input{color:#fff;background:#1a1c26;border:1px solid #2a2a35;border-radius:16px;outline:none;flex:1;padding:10px 14px;font-family:monospace}.admin-breaks-page .time-row input:focus{border-color:#d4af37}.admin-breaks-page .modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.admin-breaks-page .modal-btn{cursor:pointer;background:#d4af37;border:none;border-radius:40px;padding:10px 24px;font-weight:600}.admin-breaks-page .modal-btn.cancel{color:#d4af37;background:0 0;border:1px solid #d4af37}.admin-breaks-page .toast{color:#f5e2b0;z-index:1000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:50px;padding:12px 24px;transition:all .2s;position:fixed;bottom:30px;right:30px}.admin-breaks-page .toast.show{opacity:1}.admin-breaks-page .loading-spinner{border:2px solid #d4af37;border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin-left:10px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.admin-breaks-page{padding:20px}}.admin-calendar-page{background:#0a0a0a00;padding:28px 32px 48px}.admin-calendar-page .branch-selector span{font-weight:600;color:#d4af37!important}.admin-calendar-page .branch-selector i{color:#d4af37!important}.admin-calendar-page .branch-menu{box-shadow:0 0 15px #d4af3740;background:#111216!important;border:1px solid #d4af37!important}.admin-calendar-page .branch-menu-item{font-weight:500;color:#d4af37!important}.admin-calendar-page .page-header{border-bottom:1px solid #d4af374d;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;display:flex}.admin-calendar-page .title h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.admin-calendar-page .title p{color:#9a9dc2;margin-top:4px;font-size:14px}.admin-calendar-page .branch-dropdown{position:relative}.admin-calendar-page .branch-selector{cursor:pointer;background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:12px;padding:8px 20px;display:flex}.admin-calendar-page .branch-menu{z-index:10000;background:#111216;border:1px solid #d4af374d;border-radius:20px;min-width:220px;margin-top:8px;padding:8px;position:absolute;top:110%;right:0;overflow:visible}.admin-calendar-page .branch-menu.show{display:block}.admin-calendar-page .branch-menu-item{cursor:pointer;color:#cfcfcf;padding:12px 20px;font-size:14px;transition:all .2s}.admin-calendar-page .branch-menu-item:hover{color:#d4af37;background:#d4af3726}.admin-calendar-page .month-nav{background:#0c0d12;border:1px solid #d4af3733;border-radius:40px;justify-content:space-between;align-items:center;margin:20px 0 16px;padding:12px 24px;display:flex}.admin-calendar-page .month-nav button{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:40px;padding:8px 20px;font-weight:600}.admin-calendar-page .month-nav span{color:#d4af37;font-size:1.3rem;font-weight:600}.admin-calendar-page .month-stats{background:#0c0d12;border:1px solid #d4af3733;border-radius:28px;flex-wrap:wrap;justify-content:space-around;gap:24px;margin-bottom:24px;padding:16px 24px;display:flex}.admin-calendar-page .stat-card{text-align:center;flex:1;min-width:120px}.admin-calendar-page .stat-card .stat-value{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.admin-calendar-page .stat-card .stat-label{color:#d4af37;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:.75rem}.admin-calendar-page .legend{background:#0c0d12;border:1px solid #d4af3733;border-radius:40px;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:12px 24px;display:flex}.admin-calendar-page .legend-item{align-items:center;gap:8px;font-size:.8rem;display:flex}.admin-calendar-page .color-dot{border-radius:50%;width:12px;height:12px}.admin-calendar-page .color-dot.present{background:#4ade80}.admin-calendar-page .color-dot.absent{background:#ef4444}.admin-calendar-page .color-dot.late{background:#f59e0b}.admin-calendar-page .color-dot.halfday{background:#8b5cf6}.admin-calendar-page .color-dot.leave{background:#3b82f6}.admin-calendar-page .color-dot.holiday{background:#d4af37}.admin-calendar-page .color-dot.sunday{background:#b91c1c}.admin-calendar-page .calendar-grid{grid-template-columns:repeat(7,1fr);gap:12px;margin-top:16px;margin-bottom:20px;display:grid;overflow:visible}.admin-calendar-page .calendar-weekday{text-align:center;color:#d4af37;background:#0c0d12;border:1px solid #d4af3733;border-radius:16px;padding:12px;font-weight:600}.admin-calendar-page .calendar-day{background:#0b0c10;border:1px solid #d4af3733;border-radius:20px;min-height:110px;padding:12px 8px;transition:all .2s;position:relative;overflow:visible}.admin-calendar-page .calendar-day.sunday{background:#b91c1c26;border-color:#b91c1c}.admin-calendar-page .calendar-day.holiday{background:#d4af3733;border-color:#d4af37}.admin-calendar-page .calendar-day.halfday{background:#8b5cf633;border-color:#8b5cf6}.admin-calendar-page .calendar-day.working{background:#0b0c10}.admin-calendar-page .calendar-day:hover{background:#0f111a;transform:translateY(-2px)}.admin-calendar-page .day-number{color:#d4af37;margin-bottom:8px;font-size:1.1rem;font-weight:700}.admin-calendar-page .status-label{background:#00000080;border-radius:12px;margin-bottom:6px;padding:2px 6px;font-size:.7rem;display:inline-block}.admin-calendar-page .tooltip-card{z-index:9999;opacity:0;pointer-events:none;color:#ebecf0;text-align:left;background:#1e1f2a;border:1px solid #d4af37;border-radius:20px;min-width:230px;padding:12px 16px;font-family:monospace;font-size:.75rem;line-height:1.6;transition:opacity .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0009}.admin-calendar-page .tooltip-card:after{content:"";border:8px solid #0000;border-top-color:#d4af37;position:absolute;top:100%;left:50%;transform:translate(-50%)}.admin-calendar-page .tooltip-card .tooltip-title{color:#d4af37;border-bottom:1px solid #d4af374d;margin-bottom:8px;padding-bottom:4px;font-size:.85rem;font-weight:700}.admin-calendar-page .tooltip-card .tooltip-row{justify-content:space-between;margin:3px 0;display:flex}.admin-calendar-page .calendar-day:hover .tooltip-card{opacity:1}.admin-calendar-page .bottom-tables{border-top:1px solid #d4af374d;flex-wrap:wrap;gap:24px;margin-top:32px;padding-top:24px;display:flex}.admin-calendar-page .info-table{background:#0c0d12;border:1px solid #d4af3733;border-radius:20px;flex:1;min-width:250px;padding:16px}.admin-calendar-page .info-table h3{color:#d4af37;border-left:3px solid #d4af37;margin-bottom:12px;padding-left:10px;font-size:1rem}.admin-calendar-page .info-table table{border-collapse:collapse;width:100%;font-size:.8rem}.admin-calendar-page .info-table th,.admin-calendar-page .info-table td{text-align:left;border-bottom:1px solid #d4af371a;padding:8px 6px}.admin-calendar-page .info-table th{color:#d4af37}.admin-calendar-page .loading-spinner{border:2px solid #d4af37;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-left:8px;animation:.6s linear infinite spin;display:inline-block}@media (width<=1000px){.admin-calendar-page{padding:20px}.admin-calendar-page .calendar-grid{gap:6px}.admin-calendar-page .calendar-day{min-height:90px;padding:8px 4px}.admin-calendar-page .tooltip-card{min-width:180px;left:0;transform:translate(0)}.admin-calendar-page .tooltip-card:after{left:20px;transform:translate(0)}}.admin-calendar-page .branch-menu{z-index:10000;background:#111;border:1px solid #d4af3759;border-radius:14px;min-width:220px;padding:8px;position:absolute;top:110%;right:0}.admin-calendar-page .branch-dropdown{z-index:9999;position:relative}.admin-calendar-page .branch-menu{z-index:10000;background:#111;border:1px solid #d4af3759;border-radius:14px;min-width:220px;padding:8px;position:absolute;top:110%;right:0;overflow:visible}.admin-calendar-page .branch-menu-item{color:#f5e2b0;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 14px;display:block}.admin-calendar-page .branch-menu-item:hover{background:#d4af3729}.calendar-day.employee-day.full_day{background:#22c55e2e;border-color:#22c55e}.calendar-day.employee-day.absent{background:#ef44442e;border-color:#ef4444}.calendar-day.employee-day.half_day{background:#8b5cf62e;border-color:#8b5cf6}.calendar-day.employee-day.leave{background:#3b82f62e;border-color:#3b82f6}.calendar-day.employee-day.holiday{background:#d4af3733;border-color:#d4af37}.calendar-day.employee-day.late-day{box-shadow:inset 0 0 0 2px #f59e0b}.attendance-modal{z-index:9999;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.attendance-modal-card{color:#fff;background:#111;border:1px solid #d4af37;border-radius:18px;width:560px;max-width:95%;max-height:85vh;padding:24px;overflow-y:auto}.attendance-modal-card input,.attendance-modal-card select{color:#fff;background:#050505;border:1px solid #d4af37;border-radius:8px;width:100%;margin:6px 0 14px;padding:10px}.attendance-modal-card button{cursor:pointer;border:none;border-radius:30px;margin:8px 8px 0 0;padding:10px 18px;font-weight:700}.admin-employees-page{min-height:100vh;padding:28px 32px 48px}.admin-employees-page .header{border-bottom:1px solid #d4af3733;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.admin-employees-page .title h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.admin-employees-page .title p{color:#9a9dc2;margin-top:4px;font-size:14px}.admin-employees-page .header-actions{flex-wrap:wrap;gap:16px;display:flex}.admin-employees-page .add-employee-btn{color:#030303;cursor:pointer;background:#d4af37;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-weight:600;transition:all .2s;display:flex}.admin-employees-page .add-employee-btn:hover{background:#c5a022;transform:translateY(-1px)}.admin-employees-page .branch-dropdown{position:relative}.admin-employees-page .branch-selector{cursor:pointer;color:#ebecf0;background:#0d0e12;border:1px solid #d4af374d;border-radius:40px;align-items:center;gap:12px;padding:10px 20px;font-family:inherit;display:flex}.admin-employees-page .dropdown-menu{z-index:200;background:#0d0e12;border:1px solid #d4af374d;border-radius:20px;min-width:180px;margin-top:8px;display:none;position:absolute;top:100%;right:0;overflow:hidden}.admin-employees-page .dropdown-menu.show{display:block}.admin-employees-page .dropdown-item{cursor:pointer;padding:12px 20px;font-size:14px}.admin-employees-page .dropdown-item:hover{color:#d4af37;background:#d4af3726}.admin-employees-page .stats-row{flex-wrap:wrap;gap:24px;margin-bottom:28px;display:flex}.admin-employees-page .stat-card{background:#0c0d12;border:1px solid #d4af3733;border-radius:24px;flex:1;min-width:180px;padding:18px 24px}.admin-employees-page .stat-label{color:#a9adc9;font-size:13px}.admin-employees-page .stat-number{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 4px;font-size:32px;font-weight:800}.admin-employees-page .stat-trend{color:#4ade80;font-size:12px}.admin-employees-page .filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.admin-employees-page .search-box{background:#111215;border:1px solid #d4af374d;border-radius:40px;flex:2;align-items:center;gap:12px;min-width:240px;padding:12px 24px;display:flex}.admin-employees-page .search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit}.admin-employees-page .filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-employees-page .filter-select{color:#ebecf0;cursor:pointer;background:#111216;border:1px solid #d4af374d;border-radius:40px;outline:none;padding:8px 16px;font-family:inherit;font-size:13px}.admin-employees-page .dept-filters{flex-wrap:wrap;gap:10px;display:flex}.admin-employees-page .filter-chip{cursor:pointer;color:#ebecf0;background:#111216;border:1px solid #0000;border-radius:40px;padding:8px 18px;font-family:inherit;font-size:13px;transition:all .2s}.admin-employees-page .filter-chip.active{color:#d4af37;background:#d4af3733;border-color:#d4af37}.admin-employees-page .filter-chip:hover{background:#1e1f28}.admin-employees-page .employees-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;display:grid}.admin-employees-page .employee-card{background:#0b0c10;border:1px solid #d4af3733;border-radius:28px;padding:28px 24px;transition:all .2s;position:relative}.admin-employees-page .employee-card:hover{border-color:#d4af37;transform:translateY(-3px)}.admin-employees-page .card-header{align-items:center;gap:20px;margin-bottom:20px;display:flex}.admin-employees-page .avatar{color:#d4af37;background:#1e1f28;border:2px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:24px;font-weight:700;display:flex}.admin-employees-page .employee-info h4{font-size:1.2rem;font-weight:700}.admin-employees-page .employee-dept{color:#d4af37;margin-top:6px;font-size:.85rem}.admin-employees-page .employee-details{color:#b0b3c9;margin:16px 0;font-size:.85rem;line-height:1.6}.admin-employees-page .employee-details i{color:#d4af37;width:24px}.admin-employees-page .extra-details{border-top:1px solid #d4af3726;margin-top:16px;padding-top:12px}.admin-employees-page .card-actions{gap:10px;display:flex;position:absolute;top:20px;right:20px}.admin-employees-page .action-icon{color:#d4af37;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:8px;font-size:18px;transition:all .2s;display:flex}.admin-employees-page .action-icon:hover{background:#d4af3733}.admin-employees-page .delete-icon:hover{color:#ff5e5e;background:#ff5e5e26}.admin-employees-page .full-details-btn{cursor:pointer;color:#030303;background:#d4af37;border:none;border-radius:30px;width:100%;margin-top:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.admin-employees-page .full-details-btn:hover{background:#c5a022;transform:scale(1.01)}.admin-employees-page .role-badge{vertical-align:middle;background:#d4af3733;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:10px;display:inline-block}.admin-employees-page .status-badge{border-radius:20px;margin-left:6px;padding:2px 8px;font-size:10px;display:inline-block}.admin-employees-page .status-badge.active{color:#4ade80;background:#4ade8026}.admin-employees-page .status-badge.inactive{color:#f87171;background:#f8717126}.admin-employees-page .empty-state,.admin-employees-page .loading-state{text-align:center;color:#9a9dc2;grid-column:1/-1;padding:60px}.admin-employees-page .pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.admin-employees-page .pagination-btn{color:#d4af37;cursor:pointer;background:#111216;border:1px solid #d4af374d;border-radius:30px;padding:8px 16px;font-family:inherit;font-size:13px}.admin-employees-page .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.admin-employees-page .pagination-btn.active{background:#d4af3733}.admin-employees-page .pagination-info{color:#9a9dc2;font-size:13px}.employee-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.employee-modal-content{background:#0d0e12;border:1px solid #d4af37;border-radius:32px;width:90%;max-width:720px;max-height:85vh;padding:28px;overflow-y:auto}.employee-modal-content.wide{max-width:760px}.employee-modal-content h3{color:#d4af37;margin-bottom:20px;font-weight:600}.employee-modal-content .form-group{margin-bottom:16px}.employee-modal-content .form-group label{color:#a9adc9;margin-bottom:6px;font-size:13px;display:block}.employee-modal-content .form-group input,.employee-modal-content .form-group select{color:#fff;background:#1a1c26;border:1px solid #2a2a35;border-radius:16px;outline:none;width:100%;padding:12px;font-family:inherit}.employee-modal-content .form-row{flex-wrap:wrap;gap:16px;display:flex}.employee-modal-content .form-row .form-group{flex:1}.employee-modal-content .modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.employee-modal-content .modal-btn{cursor:pointer;color:#030303;background:#d4af37;border:none;border-radius:40px;padding:10px 24px;font-family:inherit;font-weight:600}.employee-modal-content .modal-btn.cancel{color:#d4af37;background:0 0;border:1px solid #d4af37}.employee-modal-content .form-note{color:#666;margin-top:4px;font-size:11px}.employee-modal-content .form-error{color:#f87171;margin-bottom:12px;font-size:13px}.employee-toast-msg{color:#f5e2b0;z-index:2000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:50px;padding:12px 24px;transition:all .2s;position:fixed;bottom:28px;right:28px}.employee-toast-msg.show{opacity:1}.employee-modal-content .details-grid{grid-template-columns:repeat(2,1fr);gap:20px 28px;margin:16px 0 8px;display:grid}.employee-modal-content .detail-item{border-bottom:1px dashed #d4af3733;align-items:flex-start;gap:12px;padding-bottom:10px;font-size:.9rem;display:flex}.employee-modal-content .detail-icon{color:#d4af37;text-align:center;width:32px;font-size:1.1rem}.employee-modal-content .detail-content{word-break:break-word;flex:1}.employee-modal-content .detail-label{text-transform:uppercase;letter-spacing:.5px;color:#9a9dc2;margin-bottom:4px;font-size:.7rem}.employee-modal-content .detail-value{color:#ebecf0;font-weight:500}.employee-modal-content .sensitive-badge{background:#d4af3726;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:.7rem;display:inline-block}.employee-modal-content .section-title{color:#d4af37;border-left:3px solid #d4af37;grid-column:span 2;margin:8px 0 4px;padding-left:12px;font-size:1rem;font-weight:600}.employee-modal-content .password-copy{cursor:pointer;color:#ebecf0;background:#2a2414;border:none;border-radius:20px;align-items:center;gap:6px;padding:2px 10px;font-family:monospace;font-size:.85rem;display:inline-flex}.employee-modal-content .password-copy:hover{color:#030303;background:#d4af37}@media (width<=600px){.employee-modal-content .details-grid{grid-template-columns:1fr}.employee-modal-content .section-title{grid-column:span 1}}@media (width<=1100px){.admin-employees-page{padding:20px}.admin-employees-page .employees-grid{grid-template-columns:1fr}}.admin-leave-page{background:#0a0a0a;padding:28px 32px 48px}.admin-leave-page .header{border-bottom:1px solid #d4af374d;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;display:flex}.admin-leave-page .title h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.admin-leave-page .title p{color:#9a9dc2;margin-top:6px;font-size:14px}.admin-leave-page .controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-leave-page .date-picker-wrapper{background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:12px;padding:8px 18px;display:flex}.admin-leave-page .date-picker-wrapper i{color:#d4af37}.leave-info-banner{color:#f5d76e;background:linear-gradient(135deg,#d4af3724,#d4af370a);border:1px solid #d4af3740;border-radius:18px;margin-bottom:18px;padding:14px 18px;font-size:.85rem;font-weight:600}.leave-balance-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:28px;display:grid}.balance-card{background:linear-gradient(145deg,#111,#080808);border:1px solid #d4af3738;border-radius:22px;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000047}.balance-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#d4af3729,#0000 35%);position:absolute;inset:0}.balance-icon{background:#d4af371f;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;font-size:1.25rem;display:flex}.balance-card h3{color:#aaa;text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px;font-size:.78rem}.balance-card span{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:900;display:block}.balance-card p{color:#777;margin-top:6px;font-size:.72rem}.balance-card.sick span{color:#4ade80}.balance-card.casual span{color:#d4af37}.balance-card.paid span{color:#60a5fa}.balance-card.used span{color:#fbbf24}.balance-card.unpaid span{color:#ff6b6b}.balance-card.eligibility span{color:#a78bfa}.admin-leave-page #attendanceDate{color:#fff;background:#1a1c26;border:none;border-radius:30px;padding:8px 12px;font-family:Inter,sans-serif;font-size:.85rem}.admin-leave-page .branch-dropdown{position:relative}.admin-leave-page .branch-selector-btn{cursor:pointer;color:#cfcfcf;background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:12px;padding:8px 20px;font-size:.85rem;font-weight:500;display:flex}.admin-leave-page .branch-menu{z-index:200;background:#111216;border:1px solid #d4af374d;border-radius:20px;min-width:220px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden}.admin-leave-page .branch-menu-item{cursor:pointer;color:#cfcfcf;padding:12px 20px;font-size:14px;transition:all .2s}.admin-leave-page .branch-menu-item:hover{color:#d4af37;background:#d4af3726}.admin-leave-page .stats-row{flex-wrap:wrap;gap:20px;margin-bottom:28px;display:flex}.admin-leave-page .stat-card{background:#0c0d12;border:1px solid #d4af3733;border-radius:24px;flex:1;min-width:180px;padding:16px 24px}.admin-leave-page .stat-label{color:#a9adc9;margin-bottom:8px;font-size:13px}.admin-leave-page .stat-number{color:#d4af37;font-size:28px;font-weight:800}.admin-leave-page .table-wrapper{background:#0c0d12;border:1px solid #d4af3733;border-radius:24px;margin-top:8px;overflow-x:auto}.admin-leave-page .leave-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:.8rem}.admin-leave-page .leave-table th{text-align:left;color:#d4af37;background:#0f0e0a;border-bottom:1px solid #d4af3733;padding:16px 12px;font-weight:600}.admin-leave-page .leave-table td{vertical-align:middle;border-bottom:1px solid #d4af371a;padding:14px 12px}.admin-leave-page .edit-btn{color:#030303;cursor:pointer;background:#d4af37;border:none;border-radius:40px;padding:6px 14px;font-weight:600;transition:all .2s}.admin-leave-page .edit-btn:hover{background:#c5a022;transform:scale(1.02)}.admin-leave-page .remaining-badge{color:#4ade80;font-weight:700}.admin-leave-page .remaining-badge.warning{color:#f59e0b}.admin-leave-page .remaining-badge.danger{color:#ef4444}.approval-preview-box p{margin:6px 0;font-size:14px}.admin-leave-page .modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.admin-leave-page .modal.show{display:flex}.modal{display:none}.modal.show{justify-content:center;align-items:center;display:flex}.approval-preview-box{color:#fff;background:#111827;border:1px solid #374151;border-radius:14px;margin:12px 0;padding:14px}.admin-leave-page .modal-content{background:#0d0e12;border:1px solid #d4af37;border-radius:32px;width:90%;max-width:550px;max-height:85vh;padding:28px;overflow-y:auto}.admin-leave-page .modal-content h3{color:#d4af37;margin-bottom:20px}.admin-leave-page .form-group{margin-bottom:16px}.admin-leave-page .form-group label{color:#a9adc9;margin-bottom:6px;font-size:13px;display:block}.admin-leave-page .time-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-leave-page .time-row input{color:#fff;background:#1a1c26;border:1px solid #2a2a35;border-radius:16px;outline:none;flex:1;padding:10px 14px;font-family:monospace}.admin-leave-page .time-row input:focus{border-color:#d4af37}.admin-leave-page .modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.admin-leave-page .modal-btn{cursor:pointer;background:#d4af37;border:none;border-radius:40px;padding:10px 24px;font-weight:600}.admin-leave-page .modal-btn.cancel{color:#d4af37;background:0 0;border:1px solid #d4af37}.admin-leave-page .toast{color:#f5e2b0;z-index:1000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:50px;padding:12px 24px;transition:all .2s;position:fixed;bottom:30px;right:30px}.admin-leave-page .toast.show{opacity:1}.admin-leave-page .loading-spinner{border:2px solid #d4af37;border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin-left:10px;animation:.6s linear infinite spin;display:inline-block}@media (width<=1000px){.admin-leave-page{padding:20px}}.admin-activity-logs-page{--gold:#d4af37;--gold-dark:#b68b1f;--gold-glow:#d4af3726;--border-gold:#d4af374d;--card-bg:#0f0f0f;--text-muted:#b0b0b0;--critical:#ef4444;--warning:#f59e0b;--success:#22c55e;--info:#3b82f6;background:#0a0a0a;flex-direction:column;flex:1;gap:20px;padding:24px 32px;display:flex;overflow-y:auto}.admin-activity-logs-page ::-webkit-scrollbar{width:6px;height:6px}.admin-activity-logs-page ::-webkit-scrollbar-track{background:#111}.admin-activity-logs-page ::-webkit-scrollbar-thumb{background:#2a2414;border-radius:3px}.admin-activity-logs-page .dashboard-header{border-bottom:1px solid var(--border-gold);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.admin-activity-logs-page .dashboard-header h1{background:linear-gradient(135deg,#fff,#e4bc5c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.admin-activity-logs-page .dashboard-header p{color:var(--gold);margin-top:4px;font-size:.85rem}.admin-activity-logs-page .header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-activity-logs-page .live-ticker{color:#9feba4;background:#0c0f0c;border:1px solid #22c55e4d;border-radius:40px;align-items:center;gap:8px;max-width:280px;padding:6px 14px;font-size:.72rem;display:flex;overflow:hidden}.admin-activity-logs-page .live-ticker .ticker-text{white-space:nowrap;animation:linear ticker-slide}@keyframes ticker-slide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.admin-activity-logs-page .live-pulse{background:#23c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s infinite actlog-pulse;display:inline-block}@keyframes actlog-pulse{0%,to{opacity:.4}50%{opacity:1}}.admin-activity-logs-page .socket-status{border:1px solid;border-radius:40px;align-items:center;gap:6px;padding:5px 14px;font-size:.72rem;transition:all .3s;display:flex}.admin-activity-logs-page .socket-status.connected{color:#4ade80;background:#22c55e14;border-color:#22c55e66}.admin-activity-logs-page .socket-status.disconnected{color:#f87171;background:#ef444414;border-color:#ef444466}.admin-activity-logs-page .socket-dot{border-radius:50%;width:7px;height:7px}.admin-activity-logs-page .connected .socket-dot{background:#22c55e}.admin-activity-logs-page .disconnected .socket-dot{background:#ef4444}.admin-activity-logs-page .branch-dropdown{position:relative}.admin-activity-logs-page .branch-selector{border:1px solid var(--gold);cursor:pointer;background:#111216;border-radius:40px;align-items:center;gap:12px;padding:8px 20px;font-size:.85rem;display:flex}.admin-activity-logs-page .branch-menu{border:1px solid var(--border-gold);z-index:200;background:#111216;border-radius:20px;min-width:200px;margin-top:8px;display:none;position:absolute;top:100%;right:0;overflow:hidden}.admin-activity-logs-page .branch-menu.show{display:block}.admin-activity-logs-page .branch-menu-item{cursor:pointer;padding:12px 20px;font-size:14px;transition:all .2s}.admin-activity-logs-page .branch-menu-item:hover{color:var(--gold);background:#d4af3726}.admin-activity-logs-page .stats-row{flex-wrap:wrap;gap:16px;display:flex}.admin-activity-logs-page .stat-card{border:1px solid var(--border-gold);background:#0c0d12;border-radius:20px;flex:1;min-width:150px;padding:16px 22px;transition:border-color .3s,box-shadow .3s}.admin-activity-logs-page .stat-card.bump{border-color:var(--gold);animation:.6s bump;box-shadow:0 0 20px #d4af3726}@keyframes bump{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.admin-activity-logs-page .stat-label{color:#a9adc9;margin-bottom:4px;font-size:12px}.admin-activity-logs-page .stat-number{color:var(--gold);font-size:26px;font-weight:800;transition:all .3s}.admin-activity-logs-page .stat-number.skeleton{opacity:.35}.admin-activity-logs-page .stat-delta{color:#22c55e;align-items:center;gap:4px;margin-top:2px;font-size:.65rem;display:flex}.admin-activity-logs-page .advanced-filters{border:1px solid var(--border-gold);background:#0c0d12;border-radius:20px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.admin-activity-logs-page .filter-group{flex-direction:column;gap:4px;min-width:130px;display:flex}.admin-activity-logs-page .filter-group label{text-transform:uppercase;color:var(--gold);letter-spacing:.5px;font-size:.68rem}.admin-activity-logs-page .filter-group input,.admin-activity-logs-page .filter-group select{color:#fff;background:#1a1c26;border:1px solid #2a2a35;border-radius:16px;outline:none;padding:8px 14px;font-size:.8rem}.admin-activity-logs-page .filter-group input:focus,.admin-activity-logs-page .filter-group select:focus{border-color:var(--gold)}.admin-activity-logs-page .search-group{flex:1;min-width:180px}.admin-activity-logs-page .search-wrap{position:relative}.admin-activity-logs-page .search-wrap i{color:#666;font-size:.8rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-activity-logs-page .search-wrap input{width:100%;padding-left:32px}.admin-activity-logs-page .export-buttons{align-items:flex-end;gap:8px;display:flex}.admin-activity-logs-page .export-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:#2a2414;border-radius:28px;padding:8px 16px;font-family:inherit;font-size:.75rem;transition:all .2s}.admin-activity-logs-page .export-btn:hover{background:var(--gold);color:#000}.admin-activity-logs-page .export-btn.primary{background:var(--gold);color:#000;font-weight:600}.admin-activity-logs-page .export-btn.primary:hover{background:var(--gold-dark)}.admin-activity-logs-page .table-wrapper{border:1px solid var(--border-gold);background:#0f0f0f;border-radius:24px;flex:1;position:relative;overflow:hidden}.admin-activity-logs-page .table-loading-overlay{z-index:5;pointer-events:none;background:#0a0a0ab8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.admin-activity-logs-page .table-loading-overlay .loading-spinner{border:3px solid #d4af3733;border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite actlog-spin}@keyframes actlog-spin{to{transform:rotate(360deg)}}.admin-activity-logs-page .table-scroll{overflow-x:auto}.admin-activity-logs-page .log-table{border-collapse:collapse;width:100%;font-size:.8rem}.admin-activity-logs-page .log-table th{text-align:left;color:var(--gold);border-bottom:1px solid var(--border-gold);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0c0c0c;padding:14px 16px;font-weight:600}.admin-activity-logs-page .log-table th:hover{color:#f5e2a2}.admin-activity-logs-page .log-table th .sort-icon{opacity:.4;margin-left:4px;font-size:.65rem}.admin-activity-logs-page .log-table th.sorted .sort-icon{opacity:1;color:var(--gold)}.admin-activity-logs-page .log-table td{vertical-align:middle;border-bottom:1px solid #d4af3712;padding:12px 16px}.admin-activity-logs-page .log-table tbody tr{transition:background .15s}.admin-activity-logs-page .log-table tbody tr:hover{background:#d4af370a}.admin-activity-logs-page .log-table tbody tr.new-row{animation:1.5s row-flash}@keyframes row-flash{0%{background:#d4af372e}to{background:0 0}}.admin-activity-logs-page .log-table tbody tr.severity-critical td:first-child{border-left:3px solid var(--critical)}.admin-activity-logs-page .log-table tbody tr.severity-warning td:first-child{border-left:3px solid var(--warning)}.admin-activity-logs-page .badge{border-radius:40px;align-items:center;gap:5px;padding:3px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.admin-activity-logs-page .badge-login{color:#9bdcb0;background:#1f3a2a}.admin-activity-logs-page .badge-logout{color:#ffae9e;background:#2a2a2a}.admin-activity-logs-page .badge-create{color:#f5e2a2;background:#3a351f}.admin-activity-logs-page .badge-edit{color:#93c5fd;background:#2a3040}.admin-activity-logs-page .badge-delete{color:#fca5a5;background:#4a2a24}.admin-activity-logs-page .badge-approve{color:#86efac;background:#2e3b2c}.admin-activity-logs-page .badge-reject{color:#fca5a5;background:#3b2020}.admin-activity-logs-page .badge-system{color:#bccdff;background:#1e2236}.admin-activity-logs-page .badge-warning{color:#fcd34d;background:#2d2410}.admin-activity-logs-page .badge-critical{color:#fca5a5;background:#2d1515}.admin-activity-logs-page .sev-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.admin-activity-logs-page .sev-critical{background:var(--critical)}.admin-activity-logs-page .sev-warning{background:var(--warning)}.admin-activity-logs-page .sev-info{background:var(--info)}.admin-activity-logs-page .user-cell strong{font-size:.82rem;display:block}.admin-activity-logs-page .user-cell .role-tag{color:#c9a23d;background:#d4af3714;border-radius:20px;margin-top:2px;padding:1px 7px;font-size:.65rem;display:inline-block}.admin-activity-logs-page .ip-code{color:#9ca3af;font-family:Courier New,monospace;font-size:.72rem}.admin-activity-logs-page .branch-chip{color:#aaa;background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:2px 8px;font-size:.7rem}.admin-activity-logs-page .details-btn{border:1px solid var(--border-gold);color:#d4af37;cursor:pointer;background:0 0;border-radius:16px;padding:4px 12px;font-size:.7rem;transition:all .2s}.admin-activity-logs-page .details-btn:hover{background:var(--gold);color:#000}.admin-activity-logs-page .pagination-bar{border-top:1px solid var(--border-gold);background:#0c0c0c;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.admin-activity-logs-page .pagination-info{color:#666;font-size:.75rem}.admin-activity-logs-page .pagination-btns{gap:6px;display:flex}.admin-activity-logs-page .page-btn{color:#aaa;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;padding:5px 12px;font-family:inherit;font-size:.78rem;transition:all .15s}.admin-activity-logs-page .page-btn:hover{border-color:var(--gold);color:var(--gold)}.admin-activity-logs-page .page-btn.active{background:var(--gold);color:#000;border-color:var(--gold);font-weight:700}.admin-activity-logs-page .page-btn:disabled{opacity:.3;cursor:not-allowed}.admin-activity-logs-page .toast-container{z-index:3000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.admin-activity-logs-page .toast{border-left:4px solid var(--gold);color:#f5e2b0;background:#111216;border-radius:12px;max-width:320px;padding:10px 20px;font-size:.82rem;animation:.3s toast-in;box-shadow:0 4px 24px #00000080}.admin-activity-logs-page .toast.error{border-left-color:var(--critical);color:#fca5a5}.admin-activity-logs-page .toast.success{border-left-color:var(--success);color:#86efac}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.admin-activity-logs-page .modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.admin-activity-logs-page .modal-overlay.open{display:flex}.admin-activity-logs-page .modal-box{border:1px solid var(--gold);background:#0d0e12;border-radius:24px;width:90%;max-width:680px;max-height:88vh;padding:28px;overflow-y:auto}.admin-activity-logs-page .modal-title{color:var(--gold);align-items:center;gap:10px;margin-bottom:20px;font-size:1.1rem;font-weight:700;display:flex}.admin-activity-logs-page .modal-meta{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.admin-activity-logs-page .meta-item{background:#111216;border-radius:12px;padding:12px 16px}.admin-activity-logs-page .meta-label{text-transform:uppercase;color:var(--gold);letter-spacing:.5px;margin-bottom:4px;font-size:.68rem}.admin-activity-logs-page .meta-value{color:#e5e5e5;font-size:.85rem}.admin-activity-logs-page .diff-section{margin-top:16px}.admin-activity-logs-page .diff-title{text-transform:uppercase;color:#666;letter-spacing:1px;margin-bottom:12px;font-size:.75rem}.admin-activity-logs-page .diff-block{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-activity-logs-page .diff-old,.admin-activity-logs-page .diff-new{border-radius:12px;padding:12px 16px;font-size:.85rem}.admin-activity-logs-page .diff-old{color:#fca5a5;background:#ef444414;border:1px solid #ef444433}.admin-activity-logs-page .diff-new{color:#86efac;background:#22c55e14;border:1px solid #22c55e33}.admin-activity-logs-page .diff-value-label{text-transform:uppercase;color:inherit;opacity:.7;margin-bottom:6px;font-size:.65rem}.admin-activity-logs-page .diff-value{font-size:1rem;font-weight:600}.admin-activity-logs-page .modal-close{background:var(--gold);cursor:pointer;color:#000;border:none;border-radius:40px;margin-top:20px;padding:8px 24px;font-family:inherit;font-weight:700}.admin-activity-logs-page .table-message{text-align:center;color:#444;padding:60px 20px;font-size:.85rem}.admin-activity-logs-page .table-message i{color:#333;margin-bottom:12px;font-size:2rem;display:block}@media (width<=1000px){.admin-activity-logs-page{padding:16px}.admin-activity-logs-page .stats-row,.admin-activity-logs-page .advanced-filters{flex-direction:column}.admin-activity-logs-page .modal-meta,.admin-activity-logs-page .diff-block{grid-template-columns:1fr}}.admin-department-page{background:#0a0a0a;flex:1;padding:24px 32px;overflow-y:auto}.admin-department-page ::-webkit-scrollbar{width:6px;height:6px}.admin-department-page ::-webkit-scrollbar-track{background:#111}.admin-department-page ::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.admin-department-page .dashboard-header{border-bottom:1px solid #d4af374d;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;display:flex}.admin-department-page .dashboard-header h1{background:linear-gradient(135deg,#fff,#e4bc5c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.admin-department-page .dashboard-header p{color:#d4af37;margin-top:4px;font-size:.85rem;font-weight:500}.admin-department-page .header-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-department-page .date-picker-wrapper{background:#111216;border:1px solid #d4af374d;border-radius:40px;align-items:center;gap:10px;padding:5px 16px;display:flex}.admin-department-page .date-picker-wrapper label{color:#d4af37;font-size:.8rem}.admin-department-page #attendanceDate{color:#fff;background:#1e1f28;border:none;border-radius:30px;padding:6px 10px;font-family:Inter,sans-serif;font-size:.8rem}.admin-department-page .branch-dropdown{position:relative}.admin-department-page .branch-selector{cursor:pointer;background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:12px;padding:8px 20px;font-size:.85rem;display:flex}.admin-department-page .branch-menu{z-index:200;background:#111216;border:1px solid #d4af374d;border-radius:20px;min-width:220px;max-height:300px;margin-top:8px;display:none;position:absolute;top:100%;right:0;overflow:hidden auto}.admin-department-page .branch-menu.show{display:block}.admin-department-page .branch-menu-item{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.admin-department-page .branch-menu-item:hover{color:#d4af37;background:#d4af3726}.admin-department-page .live-badge{background:#1e1a10;border:1px solid #d4af37;border-radius:60px;padding:4px 12px;font-size:.7rem}.admin-department-page .live-pulse{background:#23c55e;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.5s infinite dept-pulse;display:inline-block}@keyframes dept-pulse{0%{opacity:.4}to{opacity:1}}.admin-department-page .stats-badge{color:#d4af37;background:#d4af3726;border:1px solid #d4af374d;border-radius:40px;margin-bottom:28px;padding:6px 20px;font-size:.85rem;display:inline-block}.admin-department-page .stats-badge.skeleton{opacity:.5}.admin-department-page .dept-grid-wrap{position:relative}.admin-department-page .dept-loading-overlay{z-index:5;pointer-events:none;background:#0a0a0ab8;border-radius:28px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.admin-department-page .dept-loading-overlay .loading-spinner{border:3px solid #d4af3733;border-top-color:#d4af37;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite dept-spin}@keyframes dept-spin{to{transform:rotate(360deg)}}.admin-department-page .dept-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.admin-department-page .glass-card{background:#0f0f0f;border:1px solid #d4af3733;border-radius:28px;padding:20px;transition:all .2s}.admin-department-page .glass-card:hover{border-color:#d4af37;transform:translateY(-2px)}.admin-department-page .dept-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.admin-department-page .dept-name{font-size:1.3rem;font-weight:700}.admin-department-page .dept-code{color:#d4af37;background:#1e1f28;border:1px solid #d4af374d;border-radius:40px;padding:4px 12px;font-size:.7rem}.admin-department-page .employee-count{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0;font-size:2rem;font-weight:800}.admin-department-page .attendance-stats{flex-wrap:wrap;gap:16px;margin:18px 0;display:flex}.admin-department-page .present-box,.admin-department-page .absent-box{background:#00ffaa14;border:1px solid #00ffaa26;border-radius:20px;flex:1;padding:12px}.admin-department-page .absent-box{background:#ff525214;border-color:#ff525226}.admin-department-page .attendance-label{margin-bottom:6px;font-size:.7rem}.admin-department-page .attendance-number{font-size:1.6rem;font-weight:700}.admin-department-page .present-box .attendance-number{color:#00e676}.admin-department-page .absent-box .attendance-number{color:#ff5252}.admin-department-page .empty-state{text-align:center;color:#888;background:#0f0f0f;border:1px dashed #d4af3780;border-radius:28px;grid-column:1/-1;padding:60px}.admin-department-page .toast-msg{color:#f5e2b0;z-index:2000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:50px;padding:12px 24px;transition:all .2s;position:fixed;bottom:28px;right:28px}.admin-department-page .toast-msg.show{opacity:1}@media (width<=1000px){.admin-department-page{padding:16px}.admin-department-page .dept-grid{grid-template-columns:1fr}}.admin-notifications-page{background:#0a0a0a;flex:1;overflow-y:auto}.admin-notifications-page :root,.admin-notifications-page{--gold:#d4af37;--border-gold:#d4af374d}.admin-notifications-page ::-webkit-scrollbar{width:6px}.admin-notifications-page ::-webkit-scrollbar-track{background:#111}.admin-notifications-page ::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}.admin-notifications-page .topbar{border-bottom:1px solid var(--border-gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0a0af2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 32px;display:flex;position:sticky;top:0}.admin-notifications-page .topbar h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.admin-notifications-page .topbar p{color:#9a9dc2;margin-top:3px;font-size:.8rem}.admin-notifications-page .topbar-right{align-items:center;gap:12px;display:flex}.admin-notifications-page .connection-pill{background:#0f0f0f;border:1px solid #333;border-radius:40px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;display:flex}.admin-notifications-page .conn-dot{background:#555;border-radius:50%;width:8px;height:8px}.admin-notifications-page .conn-dot.connected{background:#4ade80;animation:1.5s infinite notif-pulse;box-shadow:0 0 6px #4ade80}.admin-notifications-page .conn-dot.disconnected{background:#ef4444}@keyframes notif-pulse{0%,to{opacity:1}50%{opacity:.4}}.admin-notifications-page .mark-all-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:40px;padding:7px 20px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.admin-notifications-page .mark-all-btn:hover{background:#d4af371a}.admin-notifications-page .clear-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #333;border-radius:40px;padding:7px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.admin-notifications-page .clear-btn:hover{color:#ef4444;border-color:#ef4444}.admin-notifications-page .content{padding:24px 32px 48px}.admin-notifications-page .stats-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.admin-notifications-page .stat-card{border:1px solid var(--border-gold);cursor:pointer;background:#0f0f0f;border-radius:20px;flex:1;min-width:140px;padding:14px 20px;transition:all .2s}.admin-notifications-page .stat-card:hover{border-color:var(--gold)}.admin-notifications-page .stat-card.active-filter{border-color:var(--gold);background:#d4af371a}.admin-notifications-page .stat-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.admin-notifications-page .stat-num{color:var(--gold);margin:4px 0 2px;font-size:1.8rem;font-weight:800}.admin-notifications-page .stat-sub{color:#555;font-size:.65rem}.admin-notifications-page .filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.admin-notifications-page .filter-chip{cursor:pointer;color:#888;background:#0f0f0f;border:1px solid #0000;border-radius:40px;padding:6px 16px;font-family:inherit;font-size:.78rem;transition:all .2s}.admin-notifications-page .filter-chip.active{border-color:var(--gold);color:var(--gold);background:#d4af3726}.admin-notifications-page .filter-chip:hover{border-color:var(--border-gold);color:#ddd}.admin-notifications-page .search-box{border:1px solid var(--border-gold);background:#0f0f0f;border-radius:40px;align-items:center;gap:10px;margin-left:auto;padding:7px 18px;display:flex}.admin-notifications-page .search-box input{color:#fff;background:0 0;border:none;outline:none;width:200px;font-family:inherit;font-size:.82rem}.admin-notifications-page .notif-list{flex-direction:column;gap:10px;display:flex}.admin-notifications-page .notif-item{border:1px solid var(--border-gold);background:#0f0f0f;border-radius:18px;align-items:flex-start;gap:14px;padding:16px 20px;transition:all .2s;animation:.3s slideIn;display:flex;position:relative}.admin-notifications-page .notif-item.unread{border-left:3px solid var(--gold);background:#111008}.admin-notifications-page .notif-item.new-flash{animation:.6s flash}@keyframes flash{0%,to{background:#0f0f0f}50%{background:#d4af371f}}.admin-notifications-page .notif-item:hover{border-color:#d4af3780}.admin-notifications-page .notif-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.admin-notifications-page .icon-login{color:#4ade80;background:#4ade8026}.admin-notifications-page .icon-logout{color:#ef4444;background:#ef44441f}.admin-notifications-page .icon-checkin{color:#60a5fa;background:#3b82f626}.admin-notifications-page .icon-checkout{color:#a78bfa;background:#8b5cf626}.admin-notifications-page .icon-late{color:#fbb824;background:#f59e0b33}.admin-notifications-page .icon-leave{color:var(--gold);background:#d4af3726}.admin-notifications-page .icon-break{color:#22d3ee;background:#06b6d41f}.admin-notifications-page .icon-payslip{color:#4ade80;background:#4ade801f}.admin-notifications-page .icon-default{color:#888;background:#ffffff0f}.admin-notifications-page .notif-body{flex:1;min-width:0}.admin-notifications-page .notif-desc{color:#ddd;font-size:.85rem;line-height:1.4}.admin-notifications-page .notif-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.admin-notifications-page .notif-time{color:#555;font-size:.7rem}.admin-notifications-page .notif-branch{color:var(--gold);background:#1a1a1a;border-radius:12px;padding:2px 8px;font-size:.7rem}.admin-notifications-page .action-badge{color:#aaa;text-transform:uppercase;letter-spacing:.5px;background:#d4af371a;border-radius:12px;padding:2px 8px;font-size:.65rem}.admin-notifications-page .notif-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.admin-notifications-page .btn-read{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:20px;padding:4px 12px;font-size:.72rem;transition:all .2s}.admin-notifications-page .btn-read:hover{border-color:var(--gold);color:var(--gold)}.admin-notifications-page .btn-del{color:#444;cursor:pointer;background:0 0;border:1px solid #1a1a1a;border-radius:20px;padding:4px 10px;font-size:.72rem;transition:all .2s}.admin-notifications-page .btn-del:hover{color:#ef4444;border-color:#ef4444}.admin-notifications-page .unread-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 4px var(--gold);border-radius:50%;position:absolute;top:14px;right:14px}.admin-notifications-page .empty-state{text-align:center;color:#555;padding:60px}.admin-notifications-page .empty-state i{opacity:.3;margin-bottom:16px;font-size:3rem;display:block}.admin-notifications-page .live-badge-topbar{color:#4ade80;background:#0f1a0a;border:1px solid #4ade80;border-radius:40px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:600;display:flex}.admin-notifications-page .live-pulse{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:1.2s infinite notif-pulse;box-shadow:0 0 5px #4ade80}.admin-notifications-page .toast{border:1px solid var(--gold);color:var(--gold);z-index:9999;opacity:0;pointer-events:none;background:#111;border-radius:40px;padding:10px 22px;font-size:.82rem;font-weight:600;transition:all .3s;position:fixed;bottom:28px;right:28px;transform:translateY(10px)}.admin-notifications-page .toast.show{opacity:1;transform:translateY(0)}.admin-notifications-page .toast.success{color:#4ade80;border-color:#4ade80}.admin-notifications-page .toast.error{color:#ef4444;border-color:#ef4444}@media (width<=900px){.admin-notifications-page .content{padding:16px}}.admin-payslip-page{background:#050505;padding:28px 32px 48px}.admin-payslip-page .page-header{border-bottom:1px solid #d4af3740;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.admin-payslip-page .page-title{background:linear-gradient(135deg,#fff,#e4bc5c);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.admin-payslip-page .page-sub{color:#d4af37;margin-top:4px;font-size:.82rem;font-weight:500}.admin-payslip-page .header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-payslip-page .btn-gold{color:#030303;cursor:pointer;white-space:nowrap;background:linear-gradient(95deg,#d4af37,#b8860b);border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 22px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.admin-payslip-page .btn-gold:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-payslip-page .btn-outline{color:#d4af37;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:7px;padding:8px 18px;font-size:.8rem;transition:all .2s;display:flex}.admin-payslip-page .btn-outline:hover{background:#d4af3726}.admin-payslip-page .branch-wrap{position:relative}.admin-payslip-page .branch-btn{cursor:pointer;color:#ececec;background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:10px;padding:9px 18px;font-size:.82rem;display:flex}.admin-payslip-page .branch-menu{z-index:300;background:#111216;border:1px solid #d4af3740;border-radius:16px;min-width:200px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 40px #00000080}.admin-payslip-page .branch-menu.open{display:block}.admin-payslip-page .branch-menu-item{cursor:pointer;color:#cfcfcf;padding:11px 18px;font-size:.82rem;transition:all .15s}.admin-payslip-page .branch-menu-item:hover{color:#d4af37;background:#d4af3726}.admin-payslip-page .filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-payslip-page .search-box{background:#111215;border:1px solid #d4af3740;border-radius:40px;flex:2;align-items:center;gap:10px;min-width:220px;padding:9px 18px;display:flex}.admin-payslip-page .search-box input{color:#ececec;background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.admin-payslip-page .month-pick{color:#ececec;cursor:pointer;background:#111215;border:1px solid #d4af3740;border-radius:40px;padding:8px 16px;font-family:inherit;font-size:.82rem}.admin-payslip-page .chip{cursor:pointer;white-space:nowrap;color:#cfcfcf;background:#111216;border:1px solid #0000;border-radius:40px;padding:6px 15px;font-size:.78rem;transition:all .15s}.admin-payslip-page .chip.active{color:#d4af37;background:#d4af3726;border-color:#d4af37}.admin-payslip-page .chip:hover{background:#1a1c28}.admin-payslip-page .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.admin-payslip-page .kpi-card{background:#0f0f0f;border:1px solid #d4af3740;border-radius:20px;padding:20px}.admin-payslip-page .kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.72rem}.admin-payslip-page .kpi-value{color:#d4af37;font-family:JetBrains Mono,monospace;font-size:1.7rem;font-weight:800}.admin-payslip-page .kpi-sub{color:#6b7280;margin-top:4px;font-size:.72rem}.admin-payslip-page .analytics-strip{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.admin-payslip-page .dept-pill{background:#111216;border:1px solid #d4af3740;border-radius:14px;min-width:130px;padding:10px 16px}.admin-payslip-page .dept-pill-name{color:#6b7280;font-size:.72rem}.admin-payslip-page .dept-pill-amt{color:#d4af37;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.admin-payslip-page .dept-pill-count{color:#6b7280;font-size:.7rem}.admin-payslip-page .table-card{background:#0f0f0f;border:1px solid #d4af3740;border-radius:22px;overflow:hidden}.admin-payslip-page .table-header{border-bottom:1px solid #d4af3740;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.admin-payslip-page .table-title{color:#d4af37;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.admin-payslip-page .payslip-tbl{border-collapse:collapse;width:100%;font-size:.82rem}.admin-payslip-page .payslip-tbl th{text-align:left;color:#d4af37;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:1px solid #d4af3740;padding:12px 14px;font-size:.75rem;font-weight:600}.admin-payslip-page .payslip-tbl td{vertical-align:middle;border-bottom:1px solid #d4af3714;padding:13px 14px}.admin-payslip-page .payslip-tbl tr:last-child td{border-bottom:none}.admin-payslip-page .payslip-tbl tr:hover td{background:#d4af370a}.admin-payslip-page .emp-name{font-weight:600}.admin-payslip-page .emp-meta{color:#6b7280;margin-top:2px;font-size:.72rem}.admin-payslip-page .status-pill{border-radius:40px;align-items:center;gap:5px;padding:4px 12px;font-size:.72rem;font-weight:600;transition:all .25s;display:inline-flex}.admin-payslip-page .status-pill.paid{color:#4ade80;background:#4ade801f}.admin-payslip-page .status-pill.unpaid{color:#f59e0b;background:#f59e0b1f}.admin-payslip-page .toggle-status-btn{cursor:pointer;white-space:nowrap;border:1.5px solid;border-radius:40px;align-items:center;gap:5px;padding:5px 14px;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.admin-payslip-page .toggle-status-btn.mark-paid{color:#4ade80;background:#4ade8014;border-color:#4ade8080}.admin-payslip-page .toggle-status-btn.mark-paid:hover{background:#4ade8033}.admin-payslip-page .toggle-status-btn.mark-unpaid{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b80}.admin-payslip-page .toggle-status-btn.mark-unpaid:hover{background:#f59e0b33}.admin-payslip-page .toggle-status-btn:disabled{opacity:.5;cursor:not-allowed}.admin-payslip-page .action-btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-payslip-page .icon-btn{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af3740;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .15s;display:flex}.admin-payslip-page .icon-btn:hover{background:#d4af3726}.admin-payslip-page .mono{font-family:JetBrains Mono,monospace;font-size:.82rem}.admin-payslip-page .deduction-val{color:#ef4444}.admin-payslip-page .earning-val{color:#4ade80}.admin-payslip-page .net-val{color:#d4af37;font-weight:700}.admin-payslip-page .empty-row td{text-align:center;color:#6b7280;padding:48px}.admin-payslip-page .modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:500;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.admin-payslip-page .modal-overlay.open{display:flex}.admin-payslip-page .modal-box{background:#0d0e12;border:1px solid #d4af37;border-radius:28px;flex-direction:column;width:100%;max-width:780px;max-height:90vh;display:flex;overflow-y:auto}.admin-payslip-page .modal-head{border-bottom:1px solid #d4af3740;flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.admin-payslip-page .modal-head h2{color:#d4af37;font-size:1.2rem;font-weight:700}.admin-payslip-page .modal-close{color:#d4af37;cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1}.admin-payslip-page .modal-body{flex:1;padding:24px 26px}.admin-payslip-page .form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.admin-payslip-page .form-group{flex-direction:column;gap:6px;display:flex}.admin-payslip-page .form-group.full{grid-column:1/-1}.admin-payslip-page .form-label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;font-size:.72rem}.admin-payslip-page .form-control{color:#ececec;background:#1a1c26;border:1px solid #2a2a3a;border-radius:12px;outline:none;padding:11px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.admin-payslip-page .form-control:focus{border-color:#d4af37}.admin-payslip-page .form-control[readonly]{color:#6b7280;background:#111216}.admin-payslip-page .already-notice{color:#4ade80;background:#0e1a11;border:1px solid #4ade8040;border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;font-size:.82rem;display:none}.admin-payslip-page .already-notice.show{display:flex}.admin-payslip-page .att-preview{background:#0a0a0a;border:1px solid #d4af3740;border-radius:16px;margin:16px 0;padding:16px}.admin-payslip-page .att-preview-title{color:#d4af37;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;margin-bottom:12px;font-size:.78rem;font-weight:700;display:flex}.admin-payslip-page .att-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.admin-payslip-page .att-box{text-align:center;background:#111216;border-radius:10px;padding:8px 6px}.admin-payslip-page .att-box-val{font-size:1.1rem;font-weight:800}.admin-payslip-page .att-box-label{color:#6b7280;margin-top:2px;font-size:.6rem}.admin-payslip-page .att-box.green .att-box-val{color:#4ade80}.admin-payslip-page .att-box.amber .att-box-val{color:#f59e0b}.admin-payslip-page .att-box.red .att-box-val{color:#ef4444}.admin-payslip-page .att-box.blue .att-box-val{color:#60a5fa}.admin-payslip-page .att-box.gold .att-box-val{color:#d4af37}.admin-payslip-page .att-box.muted .att-box-val{color:#6b7280}.admin-payslip-page .att-note{color:#6b7280;border-top:1px solid #d4af3740;margin-top:10px;padding-top:10px;font-size:.72rem}.admin-payslip-page .att-note span{color:#d4af37;font-weight:600}.admin-payslip-page .pl-explain{color:#a7f3d0;background:#0a1a0a;border:1px solid #4ade8033;border-radius:12px;margin-top:10px;padding:12px 14px;font-size:.75rem}.admin-payslip-page .pl-explain strong{color:#4ade80}.admin-payslip-page .salary-preview{background:#111216;border-radius:16px;margin:12px 0;padding:16px}.admin-payslip-page .sal-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:.83rem;display:flex}.admin-payslip-page .sal-row+.sal-row{border-top:1px solid #d4af3714}.admin-payslip-page .sal-row.section-head{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;padding-top:12px;font-size:.7rem}.admin-payslip-page .sal-row.total{color:#d4af37;font-size:.95rem;font-weight:700}.admin-payslip-page .sal-row.subtotal{background:#d4af370a;margin:4px -28px;padding:8px 28px;font-weight:600}.admin-payslip-page .net-box{background:#0a0a0a;border:1px solid #d4af37;border-radius:18px;justify-content:space-between;align-items:center;margin-top:14px;padding:18px 20px;display:flex}.admin-payslip-page .net-box-label{color:#ececec;font-size:.9rem}.admin-payslip-page .net-box-amount{color:#4ade80;font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800}.admin-payslip-page .modal-footer{border-top:1px solid #d4af3740;flex-shrink:0;justify-content:flex-end;gap:12px;padding:18px 26px;display:flex}.admin-payslip-page .btn-secondary{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:40px;padding:10px 22px;font-size:.85rem}.admin-payslip-page .btn-primary{color:#030303;cursor:pointer;background:#d4af37;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 26px;font-size:.85rem;font-weight:700;display:flex}.admin-payslip-page .btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-payslip-page .payslip-view{padding:0}.admin-payslip-page .ps-header{background:#0a0a0a;border-bottom:1px solid #d4af3740;justify-content:space-between;align-items:flex-start;padding:24px 28px;display:flex}.admin-payslip-page .ps-company{background:linear-gradient(135deg,#f9e0a0,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.admin-payslip-page .ps-subtitle{color:#c9a23d;margin-top:2px;font-size:.72rem}.admin-payslip-page .ps-month{color:#d4af37;text-align:right;font-size:1rem;font-weight:700}.admin-payslip-page .ps-section{padding:20px 28px}.admin-payslip-page .ps-section-title{color:#d4af37;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #d4af3740;align-items:center;gap:6px;margin-bottom:14px;padding-bottom:8px;font-size:.75rem;font-weight:700;display:flex}.admin-payslip-page .ps-detail-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-payslip-page .ps-detail-item .label{color:#6b7280;font-size:.68rem}.admin-payslip-page .ps-detail-item .value{color:#ececec;margin-top:2px;font-size:.9rem;font-weight:600}.admin-payslip-page .ps-att-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;display:grid}.admin-payslip-page .ps-stat{text-align:center;background:#111216;border-radius:10px;padding:10px 8px}.admin-payslip-page .ps-stat-val{font-size:1.15rem;font-weight:800}.admin-payslip-page .ps-stat-label{color:#6b7280;margin-top:3px;font-size:.62rem}.admin-payslip-page .ps-sal-row{border-bottom:1px solid #d4af370f;justify-content:space-between;padding:8px 0;font-size:.85rem;display:flex}.admin-payslip-page .ps-sal-row:last-child{border-bottom:none}.admin-payslip-page .ps-sal-row.deduct .val{color:#ef4444}.admin-payslip-page .ps-sal-row .val{color:#ececec}.admin-payslip-page .ps-net{background:linear-gradient(135deg,#0e1a11,#051008);border:1px solid #4ade8040;border-radius:18px;justify-content:space-between;align-items:center;margin:0 28px 20px;padding:20px 28px;display:flex}.admin-payslip-page .ps-net-label{color:#ececec;font-size:1rem;font-weight:700}.admin-payslip-page .ps-net-amount{color:#4ade80;font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:800}.admin-payslip-page .ps-footer{text-align:center;color:#6b7280;border-top:1px solid #d4af3740;padding:16px 28px;font-size:.72rem}.admin-payslip-page .toast{color:#f5e2b0;z-index:1000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:40px;max-width:320px;padding:12px 22px;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(10px)}.admin-payslip-page .toast.show{opacity:1;transform:translateY(0)}.admin-payslip-page .spinner{border:2px solid #d4af374d;border-top-color:#d4af37;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.admin-payslip-page .live-badge{color:#4ade80;background:#0e1a11;border:1px solid #4ade804d;border-radius:40px;align-items:center;gap:6px;padding:4px 12px;font-size:.68rem;display:inline-flex}.admin-payslip-page .live-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}@media (width<=900px){.admin-payslip-page{padding:16px}.admin-payslip-page .form-grid,.admin-payslip-page .ps-detail-grid{grid-template-columns:1fr}}.employee-sidebar{background:#040404;border-right:1px solid #d4af3733;flex-direction:column;flex-shrink:0;width:270px;transition:width .3s;display:flex;overflow-y:auto}.employee-sidebar.collapsed{width:80px}.employee-sidebar.collapsed .logo-text,.employee-sidebar.collapsed .emp-info,.employee-sidebar.collapsed .nav-item span,.employee-sidebar.collapsed .collapse-text,.employee-sidebar.collapsed .nav-label-group{display:none}.employee-sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.employee-sidebar.collapsed .nav-item i{margin:0;font-size:1.3rem}.employee-sidebar.collapsed .emp-avatar-area{justify-content:center;padding:12px}.employee-sidebar .logo-area{border-bottom:1px solid #d4af3733;margin-bottom:20px;padding:24px 20px 18px}.employee-sidebar .logo-text h2{background:linear-gradient(135deg,#f9e0a0,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.employee-sidebar .logo-text p{color:#c9a23d;letter-spacing:2px;margin-top:3px;font-size:.65rem}.employee-sidebar .emp-avatar-area{border-bottom:1px solid #d4af3733;align-items:center;gap:12px;margin-bottom:20px;padding:0 20px 20px;display:flex}.employee-sidebar .emp-avatar{color:#030303;background:linear-gradient(135deg,#d4af37,#7a5c00);border:2px solid #d4af37;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.employee-sidebar .emp-info .name{color:#d4af37;font-size:.85rem;font-weight:600}.employee-sidebar .emp-info .dept{color:#888;margin-top:2px;font-size:.65rem}.employee-sidebar .nav-section{flex:1;padding:0 14px}.employee-sidebar .nav-label-group{text-transform:uppercase;letter-spacing:2px;color:#d4af3759;padding:8px 10px 4px;font-size:.58rem;font-weight:700}.employee-sidebar .nav-item{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:10px 14px;font-family:inherit;font-size:.83rem;font-weight:500;transition:all .2s;display:flex}.employee-sidebar .nav-item i{color:#c9a23d;flex-shrink:0;width:22px;font-size:1.1rem}.employee-sidebar .nav-item:hover{color:#d4af37;background:#1a1400}.employee-sidebar .nav-item.active{color:#d4af37;background:linear-gradient(95deg,#1f1a0c,#0f0e06);border-left:3px solid #d4af37}.employee-sidebar .sidebar-bottom{border-top:1px solid #d4af3733;padding:14px}.employee-layout{height:100vh;display:flex;overflow:hidden}.employee-layout .main{flex:1;overflow-y:auto}.sidebar{background:var(--bg-page);border-right:1px solid var(--gold-dim);flex-direction:column;flex-shrink:0;width:280px;transition:width .3s;display:flex;overflow-y:auto}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .sidebar-header p,.sidebar.collapsed .nav-item span,.sidebar.collapsed .secure-badge,.sidebar.collapsed .collapse-text,.sidebar.collapsed .emp-info{display:none}.employee-badge{background:var(--gold-bg);border:1px solid var(--gold-dim);border-radius:20px;align-items:center;gap:10px;margin:0 20px 20px;padding:8px 16px;display:flex}.emp-avatar{color:#030303;background:linear-gradient(135deg,#d4af37,#b68b1f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:800;display:flex}.emp-info .name{color:var(--gold);font-size:.82rem;font-weight:600}.collapse-divider{border-top:1px solid var(--gold-dim);margin-top:8px}.live-badge{border:1px solid var(--gold);background:#1e1a10;border-radius:40px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;display:inline-flex}.live-pulse{background:#23c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse;display:inline-block}.history-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:40px;align-items:center;gap:6px;padding:6px 16px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.history-btn:hover{background:var(--gold-bg);transform:translateY(-1px)}.attendance-actions{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:36px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:20px 28px;display:flex}.action-btn{cursor:pointer;letter-spacing:.5px;border:none;border-radius:60px;align-items:center;gap:12px;padding:16px 32px;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:800;transition:all .2s;display:inline-flex}.checkin-btn{color:#fff;background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 5px 14px #0596694d}.checkout-btn{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 5px 14px #dc26264d}.action-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.1);transform:none}.action-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-3px);box-shadow:0 12px 22px #0000004d}.status-badge{border:1px solid var(--gold);background:#1e1a10;border-radius:60px;align-items:center;gap:10px;padding:10px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.status-badge i{font-size:.9rem}.today-timings{color:var(--text-muted);letter-spacing:.3px;background:#d4af3714;border-radius:40px;padding:8px 20px;font-size:.9rem;font-weight:500}.center-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}@media (width<=800px){.attendance-actions{flex-direction:column;align-items:stretch}.action-btn{justify-content:center}.center-stats{justify-content:space-between}}.month-nav{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:40px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 24px;display:flex}.month-nav button{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:40px;padding:7px 18px;font-family:Inter,sans-serif;font-weight:600;transition:all .15s}.month-nav button:hover{background:var(--gold-bg)}.month-nav .month-label{color:var(--gold);letter-spacing:.5px;font-size:1.2rem;font-weight:700}.month-stats{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:24px;flex-wrap:wrap;gap:0;margin-bottom:18px;padding:14px 8px;display:flex;overflow:hidden}.stat-pill{text-align:center;border-right:1px solid var(--gold-dim);flex:1;min-width:90px;padding:8px 12px}.stat-pill:last-child{border-right:none}.stat-pill .sv{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:800}.stat-pill .sl{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.67rem}.legend{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:40px;flex-wrap:wrap;gap:14px;margin-bottom:16px;padding:10px 20px;display:flex}.legend-item{color:#ccc;align-items:center;gap:7px;font-size:.77rem;display:flex}.ldot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ldot.present{background:var(--c-present)}.ldot.absent{background:var(--c-absent)}.ldot.late{background:var(--c-late)}.ldot.halfday{background:var(--c-halfday)}.ldot.leave{background:var(--c-leave)}.ldot.holiday{background:var(--c-holiday)}.ldot.sunday{background:var(--c-sunday)}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:24px;display:grid;overflow:visible}.cal-weekday{text-align:center;color:var(--gold);background:var(--bg-card);border:1px solid var(--gold-dim);letter-spacing:.5px;border-radius:14px;padding:10px;font-size:.78rem;font-weight:700}.cal-day{background:var(--bg-day);border:1px solid var(--gold-dim);cursor:default;border-radius:20px;min-height:105px;padding:10px 8px;transition:transform .15s,border-color .15s;position:relative;overflow:visible}.cal-day:hover{border-color:#d4af3780;transform:translateY(-2px)}.cal-day.is-sunday{background:#b91c1c1f;border-color:#b91c1c80}.cal-day.is-holiday{background:#d4af3724;border-color:#d4af3799}.cal-day.is-halfday-holiday{background:#8b5cf61f;border-color:#8b5cf680}.cal-day.is-today{box-shadow:0 0 0 2px var(--gold)}.cal-day.p-present{background:#4ade800d;border-color:#4ade8080}.cal-day.p-absent{background:#ef44440a;border-color:#ef444466}.cal-day.p-late{background:#f59e0b0d;border-color:#f59e0b80}.cal-day.p-halfday{background:#8b5cf60f;border-color:#8b5cf680}.cal-day.p-leave{background:#3b82f60d;border-color:#3b82f680}.day-num{color:var(--gold);margin-bottom:5px;font-size:1rem;font-weight:700}.day-badge{white-space:nowrap;border-radius:10px;margin-bottom:4px;padding:2px 7px;font-size:.63rem;display:inline-block}.day-mini-stats{margin-top:4px}.mini-row{color:#888;justify-content:space-between;padding:1px 0;font-size:.67rem;display:flex}.tooltip-card{border:1px solid var(--gold);z-index:9999;opacity:0;pointer-events:none;min-width:200px;color:var(--text-main);background:#1a1b24;border-radius:18px;padding:12px 15px;font-size:.73rem;line-height:1.65;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #000000b3}.tooltip-card:after{content:"";border:7px solid #0000;border-top-color:var(--gold);position:absolute;top:100%;left:50%;transform:translate(-50%)}.cal-day:hover .tooltip-card{opacity:1}.tt-title{color:var(--gold);border-bottom:1px solid var(--gold-dim);margin-bottom:8px;padding-bottom:5px;font-size:.82rem;font-weight:700}.tt-row{justify-content:space-between;padding:2px 0;display:flex}.tt-row .tv{font-weight:700}.detailed-section{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:28px;margin-top:24px;padding:20px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.week-filters{flex-wrap:wrap;gap:8px;display:flex}.week-btn{border:1px solid var(--gold-dim);cursor:pointer;color:#ccc;background:#111;border-radius:40px;padding:6px 16px;font-size:.75rem;font-weight:600;transition:all .2s}.week-btn.active{background:var(--gold);color:#030303;border-color:var(--gold)}.week-btn:hover:not(.active){background:var(--gold-bg);color:var(--gold)}.att-table{border-collapse:collapse;width:100%;font-size:.8rem}.att-table tr:hover td{background:#d4af3705}.badge-sm{border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.badge-present{color:#4ade80;background:#4ade8026}.badge-late{color:#f59e0b;background:#f59e0b26}.badge-halfday{color:#8b5cf6;background:#8b5cf626}.badge-holiday{color:#d4af37;background:#d4af3733}.badge-sunday{color:#ff8a8a;background:#b91c1c33}.loading-spinner{border:2px solid var(--gold);border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.grid-loader{grid-column:1/-1;justify-content:center;align-items:center;padding:60px;display:flex}.toast{border-left:4px solid var(--gold);color:#f5e2b0;z-index:3000;opacity:0;pointer-events:none;background:#1e1a10;border-radius:40px;padding:10px 20px;font-size:.85rem;transition:all .25s;position:fixed;bottom:24px;right:24px}.bottom-tables{border-top:1px solid var(--gold-dim);flex-wrap:wrap;gap:20px;margin-top:20px;padding-top:20px;display:flex}.info-table{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:20px;flex:1;min-width:200px;padding:16px}.info-table h3{color:var(--gold);border-left:3px solid var(--gold);margin-bottom:12px;padding-left:10px;font-size:.9rem}.info-table table{border-collapse:collapse;width:100%;font-size:.75rem}.info-table th,.info-table td{text-align:left;border-bottom:1px solid #d4af3714;padding:6px 4px}.info-table th{color:var(--gold);font-weight:600}@media (width<=1000px){.main-content{padding:16px}.calendar-grid{gap:5px}.cal-day{min-height:80px;padding:8px 5px}.att-table{font-size:.7rem}}:root{--gold:#d4af37;--border:#d4af3733;--bg:#040404;--card2:#0f0f0f;--text:#e8e8e8;--muted:#888}.topbar-right{align-items:center;gap:10px;display:flex}.today-pill{color:#4ade80;background:#0f1a0a;border:1px solid #4ade80;border-radius:40px;padding:6px 16px;font-size:.72rem;font-weight:600}.usage-banner{border:1px solid var(--gold);background:linear-gradient(135deg,#0f0f0f,#13100a);border-radius:28px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding:22px 28px;display:flex}.usage-ring{flex-shrink:0;width:90px;height:90px;position:relative}.usage-ring svg{transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#1a1a1a;stroke-width:8px}.ring-fill{fill:none;stroke:var(--gold);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .8s}.ring-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-val{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:800;display:block}.ring-label{color:var(--muted);font-size:.55rem;display:block}.usage-info{flex:1}.usage-info h3{margin-bottom:6px;font-size:1rem;font-weight:700}.usage-bar-wrap{background:#1a1a1a;border-radius:10px;height:8px;margin:10px 0;overflow:hidden}.usage-bar{background:linear-gradient(90deg,var(--gold),#f5d742);border-radius:10px;height:100%;transition:width .8s}.usage-info p{color:var(--muted);font-size:.75rem}.breaks-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px;display:grid}.break-slot-card{background:var(--card2);border:1px solid var(--border);border-radius:24px;padding:20px;transition:all .2s}.break-slot-card.active-break{border-color:var(--gold);background:linear-gradient(135deg,#111,#13100a)}.break-slot-card.done-break{border-color:#4ade804d}.bsc-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.bsc-title{align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.bsc-dur{color:var(--muted);background:#111;border-radius:20px;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:.72rem}.time-display{gap:12px;margin-bottom:14px;display:flex}.time-box{text-align:center;background:#111;border-radius:14px;flex:1;padding:10px 14px}.time-box .tb-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.6rem}.time-box .tb-val{margin-top:4px;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:600}.tb-val.in{color:#4ade80}.tb-val.out{color:#ff6b6b}.tb-val.dash{color:#333}.break-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-start{background:var(--gold);color:#030303}.btn-end{color:#fff;background:#ff6b6b}.btn-done{color:#4ade80;cursor:default;background:#111;border:1px solid #4ade804d}.btn-disabled{color:#333;cursor:not-allowed;background:#111;border:1px solid #1a1a1a}.break-btn:hover:not(:disabled):not(.btn-done):not(.btn-disabled){opacity:.9;transform:scale(1.02)}.history-section{background:var(--card2);border:1px solid var(--border);border-radius:28px;padding:24px}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-title{color:var(--gold);border-left:3px solid var(--gold);align-items:center;gap:8px;padding-left:10px;font-size:.9rem;font-weight:700;display:flex}.hist-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hist-tabs{border:1px solid var(--border);background:#111;border-radius:40px;padding:4px;display:flex}.hist-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:30px;padding:6px 16px;font-family:Sora,sans-serif;font-size:.75rem;font-weight:600;transition:all .2s}.hist-tab.active{background:var(--gold);color:#030303}.period-nav{align-items:center;gap:8px;display:flex}.period-nav button{border:1px solid var(--border);color:var(--gold);cursor:pointer;background:#111;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;transition:all .2s;display:flex}.period-nav button:hover{background:#1a1400}.period-label{color:var(--text);text-align:center;min-width:130px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600}.hist-stats{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.hstat{border:1px solid var(--border);text-align:center;background:#111;border-radius:16px;flex:1;min-width:90px;padding:10px 16px}.hstat .hs-val{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:800}.hstat .hs-label{color:var(--muted);margin-top:2px;font-size:.62rem}.hist-table{border-collapse:collapse;width:100%;font-size:.8rem}.hist-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #d4af371a;padding:11px 12px;font-size:.72rem;font-weight:600}.hist-table td{border-bottom:1px solid #d4af370f;padding:11px 12px;font-family:JetBrains Mono,monospace;font-size:.78rem}.hist-table tr:last-child td{border-bottom:none}.hist-table .total-cell{color:var(--gold);font-weight:700}.hist-table .over-cell{color:#ff6b6b;font-weight:700}.hist-table .ok-cell{color:#4ade80;font-weight:700}.day-card{border:1px solid var(--border);text-align:center;background:#111;border-radius:16px;padding:12px 8px}.day-card.has-data{border-color:#d4af3766}.day-card.over-limit{background:#ff6b6b0d;border-color:#ff6b6b66}.day-card .dc-name{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.62rem}.day-card .dc-date{color:var(--text);margin:2px 0;font-family:JetBrains Mono,monospace;font-size:.7rem}.day-card .dc-min{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800}.day-card .dc-min.zero{color:#333}.day-card .dc-min.over{color:#ff6b6b}.day-card .dc-lbl{color:var(--muted);font-size:.58rem}.month-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.mg-header{text-align:center;color:var(--muted);text-transform:uppercase;padding:4px;font-size:.65rem;font-weight:600}.mg-cell{text-align:center;border-radius:8px;padding:6px 4px;font-family:JetBrains Mono,monospace;font-size:.7rem}.mg-cell.empty{color:#0000}.mg-cell.sunday{color:#333}.mg-cell.has-break{color:var(--gold);cursor:pointer;background:#d4af371a}.mg-cell.over-break{color:#ff6b6b;cursor:pointer;background:#ff6b6b1a}.mg-cell.today-cell{outline:1px solid var(--gold);border-radius:8px}.mg-cell .mgc-day{font-weight:700}.mg-cell .mgc-min{opacity:.8;font-size:.58rem}.empty-hist{text-align:center;color:var(--muted);padding:40px;font-size:.82rem}@media (width<=900px){.breaks-grid{grid-template-columns:1fr}.content{padding:20px}.week-cards{grid-template-columns:repeat(4,1fr)}}:root{--gold:#d4af37;--gold-dim:#d4af3733;--gold-bg:#d4af3714;--bg:#040404;--card:#0a0a0a;--card2:#0f0f0f;--text:#e8e8e8;--muted:#888;--green:#4ade80;--amber:#f59e0b;--red:#ef4444;--blue:#3b82f6;--purple:#8b5cf6}.welcome-banner{border-bottom:1px solid var(--gold-dim);background:linear-gradient(135deg,#0d0c08 0%,#1a1500 50%,#0d0c08 100%);flex-shrink:0;padding:24px 32px;position:relative;overflow:hidden}.welcome-banner:before{content:"";background:radial-gradient(circle,#d4af3714 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.welcome-banner:after{content:"";background:radial-gradient(circle,#d4af370d 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-40px;left:80px}.banner-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.welcome-title{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.welcome-sub{color:var(--muted);margin-top:5px;font-size:.8rem}.live-pill{border:1px solid var(--gold-dim);background:#d4af371a;border-radius:40px;align-items:center;gap:8px;padding:7px 16px;display:flex}.live-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.5s infinite livePulse}@keyframes livePulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.live-time{color:#fffc;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}.info-strip{border-bottom:1px solid var(--gold-dim);grid-template-columns:repeat(4,1fr);display:grid}.info-cell{border-right:1px solid var(--gold-dim);align-items:center;gap:14px;padding:16px 22px;display:flex}.info-cell:last-child{border-right:none}.info-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;display:flex}.info-icon.gold{color:var(--gold);background:#d4af371f}.info-icon.green{color:var(--green);background:#4ade801a}.info-icon.blue{color:var(--blue);background:#3b82f61a}.info-icon.purple{color:var(--purple);background:#8b5cf61a}.info-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:.6rem;font-weight:600}.info-value{color:var(--text);margin-top:2px;font-size:.85rem;font-weight:700}.analytics-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.analytics-head-title{color:var(--text);font-size:1.05rem;font-weight:700}.analytics-head-sub{color:var(--muted);margin-top:3px;font-size:.72rem}.month-nav{background:var(--card2);border:1px solid var(--gold-dim);border-radius:40px;align-items:center;gap:8px;padding:6px 14px;display:flex}.month-nav button{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px 6px;font-size:.85rem;transition:all .15s}.month-nav button:hover{color:var(--gold)}.month-nav span{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700}.tabs{border-bottom:1px solid var(--gold-dim);gap:0;margin-bottom:20px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 18px;font-family:Sora,sans-serif;font-size:.8rem;font-weight:600;transition:all .18s}.tab.active{color:var(--gold);border-bottom-color:var(--gold)}.tab:hover:not(.active){color:var(--text)}.tab-content{display:none}.tab-content.active{display:block}.overview-grid{grid-template-columns:380px 1fr 1fr 1fr;gap:14px;display:grid}.perf-card{background:var(--card2);border:1px solid var(--gold-dim);border-radius:22px;padding:20px}.perf-card-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:16px;font-size:.65rem;font-weight:700}.score-row{align-items:center;gap:20px;margin-bottom:18px;display:flex}.gauge-wrap{flex-shrink:0;width:90px;height:90px;position:relative}.gauge-wrap svg{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#1a1a1a;stroke-width:10px}.gauge-fill{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset 1s}.gauge-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-val{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:800;display:block}.gauge-max{color:var(--muted);font-size:.58rem}.score-info{flex:1}.score-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:.62rem;font-weight:600}.score-grade{margin-top:3px;font-size:1.1rem;font-weight:800}.score-grade.excellent{color:var(--green)}.score-grade.good,.score-grade.average{color:var(--amber)}.score-grade.poor{color:var(--red)}.score-hint{color:var(--muted);align-items:center;gap:5px;margin-top:4px;font-size:.7rem;display:flex}.score-hint:before{content:"◆";color:var(--gold);font-size:.5rem}.perf-stats{border-top:1px solid var(--gold-dim);grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;display:grid}.psi-label{color:var(--muted);font-size:.65rem;font-weight:500}.psi-val{color:var(--gold);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800}.metric-card{background:var(--card2);border:1px solid var(--gold-dim);border-radius:22px;padding:18px;position:relative;overflow:hidden}.metric-card:after{content:"";border-radius:22px 22px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.metric-card.green-top:after{background:var(--green)}.metric-card.amber-top:after{background:var(--amber)}.metric-card.red-top:after{background:var(--red)}.metric-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:.68rem;font-weight:600}.metric-icon{float:right;margin-top:-2px;font-size:1rem}.metric-icon.green{color:var(--green)}.metric-icon.amber{color:var(--amber)}.metric-icon.red{color:var(--red)}.metric-value{color:var(--text);margin:10px 0 4px;font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:800;line-height:1}.metric-sub{margin-top:4px;font-size:.7rem;font-weight:600}.metric-sub.green{color:var(--green)}.metric-sub.amber{color:var(--amber)}.metric-sub.red{color:var(--red)}.streak-card{background:linear-gradient(135deg,#0f0d04,#1a1500);border:1px solid #d4af3759;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:16px 22px;display:flex}.streak-left{align-items:center;gap:14px;display:flex}.streak-icon{font-size:1.6rem}.streak-label{text-transform:uppercase;letter-spacing:1px;color:#c9a23d;font-size:.64rem;font-weight:700}.streak-val{color:var(--gold);font-size:1rem;font-weight:800}.streak-btn{background:var(--gold);color:#030303;cursor:pointer;border:none;border-radius:40px;padding:8px 20px;font-family:Sora,sans-serif;font-size:.75rem;font-weight:700;transition:all .2s}.streak-btn:hover{background:#c5a022}.late-card{background:var(--card2);border:1px solid var(--gold-dim);border-radius:20px;margin-top:14px;padding:18px 22px}.late-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.late-title{color:var(--text);font-size:.8rem;font-weight:700}.late-badge{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700}.late-track{align-items:center;gap:8px;display:flex}.late-dot{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.65rem;font-weight:700;display:flex}.late-dot.used{color:var(--red);background:#ef444426;border:1px solid #ef44444d}.late-dot.available{color:var(--green);background:#4ade8012;border:2px dashed #4ade8059}.late-info{color:var(--muted);margin-top:10px;font-size:.7rem}.today-card{background:var(--card2);border:1px solid var(--gold-dim);border-radius:20px;margin-top:14px;padding:18px 22px}.today-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.today-title{color:var(--text);font-size:.8rem;font-weight:700}.today-date{color:var(--muted);font-size:.68rem}.today-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ti-label{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:.62rem;font-weight:600}.ti-val{color:var(--text);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700}.status-chip{border-radius:40px;padding:3px 10px;font-size:.68rem;font-weight:700;display:inline-block}.status-chip.present{color:var(--green);background:#4ade801f;border:1px solid #4ade804d}.status-chip.absent{color:var(--red);background:#ef44441f;border:1px solid #ef44444d}.status-chip.late{color:var(--amber);background:#f59e0b1f;border:1px solid #f59e0b4d}.status-chip.halfday{color:var(--purple);background:#8b5cf61f;border:1px solid #8b5cf64d}.leave-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.leave-card{background:var(--card2);border:1px solid var(--gold-dim);border-radius:20px;padding:18px 22px}.leave-card-title{color:var(--gold);border-left:3px solid var(--gold);margin-bottom:16px;padding-left:10px;font-size:.8rem;font-weight:700}.leave-bar-item{margin-bottom:12px}.leave-bar-header{justify-content:space-between;margin-bottom:5px;font-size:.73rem;display:flex}.leave-bar-header span:first-child{color:var(--text);font-weight:600}.leave-bar-header span:last-child{color:var(--muted);font-family:JetBrains Mono,monospace}.leave-bar-bg{background:#1a1a1a;border-radius:10px;height:5px;overflow:hidden}.leave-bar-fill{border-radius:10px;height:100%;transition:width .8s}.kpi-mini-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi-mini{background:#111;border-radius:14px;padding:12px}.kpi-mini-label{color:var(--muted);text-transform:uppercase;font-size:.62rem;font-weight:600}.kpi-mini-val{margin-top:4px;font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:800}.kpi-mini-val.gold{color:var(--gold)}.kpi-mini-val.green{color:var(--green)}.kpi-mini-val.amber{color:var(--amber)}.kpi-mini-val.purple{color:var(--purple)}.detail-table{border-collapse:collapse;width:100%;font-size:.78rem}.detail-table th{text-align:left;color:var(--gold);border-bottom:1px solid var(--gold-dim);text-transform:uppercase;letter-spacing:.5px;padding:10px 6px;font-size:.68rem;font-weight:600}.detail-table td{border-bottom:1px solid #d4af370f;padding:9px 6px;font-family:JetBrains Mono,monospace;font-size:.75rem}.detail-table tr:hover td{background:#d4af3705}.trends-placeholder{background:var(--card2);border:1px solid var(--gold-dim);text-align:center;color:var(--muted);border-radius:22px;padding:48px}.trends-placeholder i{opacity:.25;color:var(--gold);margin-bottom:12px;font-size:2rem;display:block}.toast{border-left:4px solid var(--gold);color:var(--gold);z-index:9999;opacity:0;pointer-events:none;background:#111;border-radius:40px;padding:10px 20px;font-size:.82rem;font-weight:600;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(10px)}@media (width<=1200px){.overview-grid,.info-strip,.today-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.content{padding:16px}.overview-grid,.leave-row{grid-template-columns:1fr}.welcome-banner{padding:18px}}.apply-btn{background:var(--gold);color:#030303;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.balance-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.bal-card{background:var(--card2);border:1px solid var(--border);border-radius:22px;padding:18px 20px}.bal-card .bc-type{color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:.7rem}.bal-card .bc-bar-wrap{background:#1a1a1a;border-radius:10px;height:5px;margin-bottom:12px;overflow:hidden}.bal-card .bc-bar{background:var(--gold);border-radius:10px;height:100%}.bal-numbers{justify-content:space-between;align-items:baseline;display:flex}.bal-used{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:800}.bal-total{color:var(--muted);font-size:.8rem}.bal-avail{color:#4ade80;margin-top:4px;font-size:.7rem}.tabs{border:1px solid var(--border);background:#0a0a0a;border-radius:50px;gap:6px;width:fit-content;margin-bottom:20px;padding:6px 12px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:40px;padding:7px 20px;font-family:Sora,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s}.tab.active{background:var(--gold);color:#030303}.leave-list{flex-direction:column;gap:12px;display:flex}.leave-card{background:var(--card2);border:1px solid var(--border);border-radius:20px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:18px 22px;transition:all .2s;display:grid}.leave-card:hover{border-color:#d4af3766}.lc-type-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;display:flex}.lc-sick{background:#4ade801a}.lc-casual{background:#d4af371a}.lc-annual{background:#6366f11a}.lc-emergency{background:#ef44441a}.lc-body .lc-type{font-size:.85rem;font-weight:700}.lc-body .lc-dates{color:var(--muted);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:.75rem}.lc-body .lc-reason{color:#666;margin-top:4px;font-size:.72rem}.lc-days{text-align:center}.lc-days .days-num{color:var(--gold);font-family:JetBrains Mono,monospace;font-size:1.4rem;font-weight:800}.lc-days .days-label{color:var(--muted);font-size:.62rem}.status-chip{border-radius:40px;padding:5px 14px;font-size:.72rem;font-weight:700}.sc-pending{color:#fbb824;background:#fbbf2426;border:1px solid #fbbf244d}.sc-approved{color:#4ade80;background:#4ade8026;border:1px solid #4ade804d}.sc-rejected{color:#ff6b6b;background:#ff6b6b26;border:1px solid #ff6b6b4d}.empty-state{text-align:center;color:var(--muted);padding:60px}.modal-box{border:1px solid var(--gold);background:#0d0e12;border-radius:32px;width:90%;max-width:520px;max-height:90vh;padding:30px;overflow-y:auto}.modal-box h3{color:var(--gold);margin-bottom:22px;font-size:1.1rem}.form-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.78rem;display:block}.days-badge{border:1px solid var(--border);text-align:center;color:var(--gold);background:#d4af371a;border-radius:14px;margin-top:8px;padding:10px 18px;font-family:JetBrains Mono,monospace;font-weight:700}.mbtn{cursor:pointer;border:none;border-radius:40px;padding:10px 26px;font-family:Sora,sans-serif;font-size:.85rem;font-weight:700}.mbtn-primary{background:var(--gold);color:#030303}.mbtn-cancel{border:1px solid var(--gold);color:var(--gold);background:0 0}@media (width<=1000px){.balance-grid{grid-template-columns:repeat(2,1fr)}.content{padding:20px}.leave-card{grid-template-columns:1fr auto}}:root{--gold:#d4af37;--border:#d4af3733;--bg:#040404;--card:#0a0a0a;--card2:#0f0f0f;--text:#e8e8e8;--muted:#888}body{background:var(--bg);color:var(--text);height:100vh;font-family:Sora,sans-serif;overflow:hidden}.layout{height:100vh;display:flex}.sidebar.collapsed .logo-text,.sidebar.collapsed .emp-info,.sidebar.collapsed .nav-item span,.sidebar.collapsed .collapse-text{display:none}.sidebar.collapsed .nav-item i{margin:0;font-size:1.3rem}.logo-area{border-bottom:1px solid var(--border);margin-bottom:20px;padding:24px 20px 18px}.logo-text h2{background:linear-gradient(135deg,#f9e0a0,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800}.logo-text p{color:#c9a23d;letter-spacing:2px;margin-top:3px;font-size:.65rem}.emp-avatar-area{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:20px;padding:0 20px 20px;display:flex}.emp-avatar{color:#030303;border:2px solid var(--gold);background:linear-gradient(135deg,#d4af37,#7a5c00);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.emp-info .name{font-size:.85rem;font-weight:600}.emp-info .dept{color:var(--muted);margin-top:2px;font-size:.65rem}.nav-section{flex:1;padding:0 14px}.nav-item i{color:#c9a23d;flex-shrink:0;width:22px;font-size:1.1rem}.sidebar-bottom{border-top:1px solid var(--border);padding:14px}.main{flex:1;overflow-y:auto}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#040404f2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 32px;display:flex;position:sticky;top:0}.topbar h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.topbar p{color:var(--muted);margin-top:3px;font-size:.8rem}.content{padding:28px 32px 48px}.selector-card{background:var(--card2);border:1px solid var(--border);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px;display:flex}.selector-card label{color:var(--gold);font-size:.85rem;font-weight:600}.month-select{border:1px solid var(--border);color:#fff;cursor:pointer;background:#1a1c26;border-radius:40px;min-width:200px;padding:12px 20px;font-family:Sora,sans-serif;font-size:.85rem}.print-btn{background:var(--gold);color:#030303;cursor:pointer;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-family:Sora,sans-serif;font-weight:700;transition:all .2s;display:flex}.print-btn:hover{background:#c5a022;transform:translateY(-1px)}.payslip-card{background:var(--card2);border:1px solid var(--border);border-radius:28px;margin-bottom:28px;padding:28px;transition:all .2s}.payslip-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.payslip-header h2{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.payslip-month{color:var(--gold);background:#d4af3726;border-radius:40px;padding:6px 16px;font-weight:600}.emp-details-grid{background:#111;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;display:grid}.emp-detail-item .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.emp-detail-item .value{color:#fff;margin-top:4px;font-size:1rem;font-weight:600}.salary-breakdown{background:#0c0c0c;border-radius:20px;margin:20px 0;padding:20px}.salary-row{border-bottom:1px solid #d4af371a;justify-content:space-between;padding:8px 0;display:flex}.salary-row.total{color:var(--gold);border-bottom:none;margin-top:8px;padding-top:12px;font-size:1.2rem;font-weight:800}.attendance-row{flex-wrap:wrap;gap:24px;margin:16px 0;display:flex}.attendance-badge{background:#1a1c26;border-radius:40px;padding:6px 16px;font-size:.8rem}.status-badge{border-radius:40px;margin-left:10px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-block}.status-paid{color:#4ade80;background:#4ade8033}.status-unpaid{color:#ff6b6b;background:#ff6b6b33}.empty-state{text-align:center;color:var(--muted);background:var(--card2);border:1px solid var(--border);border-radius:28px;padding:60px}.empty-state i{opacity:.3;margin-bottom:12px;font-size:3rem;display:block}.toast{border:1px solid var(--gold);color:var(--gold);z-index:9999;opacity:0;pointer-events:none;background:#111;border-radius:40px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .3s;position:fixed;bottom:28px;right:28px;transform:translateY(10px)}@media (width<=1000px){.content,.payslip-card{padding:20px}.payslip-header h2{font-size:1.4rem}}@media print{.sidebar,.topbar,.selector-card,.print-btn,.toast,.nav-item,.collapse-sidebar,#logoutBtn{display:none!important}.main{background:#fff;margin:0;padding:0}.content{padding:0}.payslip-card{box-shadow:none;color:#000;background:#fff;border:1px solid #ccc}.payslip-card *{color:#000!important}.status-badge{border:1px solid #ccc}}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;overflow:hidden}.vjc-login-page{color:#1a2b4b;background:#f5f7fa;grid-template-columns:60% 40%;width:100vw;min-height:100vh;display:grid}.vjc-hero-section{color:#fff;background:linear-gradient(115deg,#0d47a1fa,#0d47a1b8),radial-gradient(circle at 0 100%,#ff8c00f2,#0000 42%),linear-gradient(135deg,#06265f,#0d47a1);min-height:100vh;padding:80px 7vw 70px;position:relative;overflow:hidden}.vjc-hero-section:before{content:"";opacity:.35;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-map{opacity:.38;background:radial-gradient(circle at 20% 20%,#ffffff2e 1px,#0000 2px) 0 0/18px 18px,radial-gradient(circle at 70% 30%,#ffffff24 1px,#0000 2px) 0 0/22px 22px;position:absolute;inset:0}.hero-orbit{border:1px dashed #ffffff59;border-radius:50%;animation:9s ease-in-out infinite floatRoute;position:absolute}.orbit-one{width:520px;height:160px;top:90px;left:100px;transform:rotate(-15deg)}.orbit-two{width:680px;height:190px;bottom:170px;right:-90px;transform:rotate(-20deg)}.hero-content{z-index:2;max-width:760px;position:relative}.hero-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff21;border:1px solid #ffffff38;border-radius:999px;margin-bottom:26px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.hero-content h1{letter-spacing:-2px;color:#fff;margin:0;font-size:clamp(44px,5vw,82px);line-height:1.02}.hero-content h1 span,.hero-content h1 strong{display:block}.hero-content h1 strong{color:#ff8c00;text-shadow:0 18px 45px #ff8c0061}.hero-content p{color:#ffffffe6;max-width:620px;margin:28px 0 34px;font-size:20px;line-height:1.75}.feature-grid{grid-template-columns:repeat(2,minmax(230px,1fr));gap:14px;max-width:700px;display:grid}.feature-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff21;border:1px solid #ffffff38;border-radius:18px;align-items:center;gap:14px;padding:15px 18px;transition:all .3s;display:flex;box-shadow:0 18px 40px #0000001f}.feature-card:hover{background:#fff3;transform:translateY(-5px)}.feature-icon{color:#0d47a1;background:#fff;border-radius:12px;place-items:center;width:34px;height:34px;font-size:13px;font-weight:900;display:grid}.hero-footer{z-index:2;color:#ffffffd1;justify-content:space-between;font-size:14px;display:flex;position:absolute;bottom:26px;left:7vw;right:7vw}.vjc-login-section{background:radial-gradient(circle at 100% 0,#0d47a129,#0000 42%),linear-gradient(145deg,#fff,#eaf4ff);place-items:center;min-height:100vh;padding:48px;display:grid;position:relative;overflow:hidden}.login-bg-circle{filter:blur(8px);border-radius:50%;position:absolute}.circle-one{border:1px solid #0d47a12e;width:330px;height:330px;top:-120px;right:-80px}.circle-two{background:#ff8c001a;width:220px;height:220px;bottom:50px;left:-80px}.premium-login-card{z-index:3;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffffdb;border:1px solid #ffffffe6;border-radius:34px;width:min(100%,560px);padding:48px;animation:.8s both cardEnter;position:relative;box-shadow:0 35px 90px #0d47a12e,inset 0 1px #fffffff2}.logo-box{text-align:center;background:#fff;border-radius:18px;width:fit-content;margin:0 auto 30px;padding:18px 30px;box-shadow:0 18px 45px #0d47a126}.logo-main{color:#0d47a1;letter-spacing:1px;font-size:28px;font-weight:950}.logo-sub{color:#fff;letter-spacing:1px;background:#ff8c00;margin-top:4px;padding:4px 8px;font-size:13px;font-weight:800}.login-heading{text-align:center;margin-bottom:34px}.login-heading h2{color:#082354;margin:0;font-size:40px;font-weight:900}.login-heading p{color:#6b7a99;margin-top:10px;font-size:17px}.login-form{flex-direction:column;gap:20px;display:flex}.input-group label{color:#102a5c;margin-bottom:9px;font-size:14px;font-weight:800;display:block}.input-wrap{background:#fff;border:1px solid #cfd8e8;border-radius:14px;align-items:center;gap:12px;height:58px;padding:0 18px;transition:all .25s;display:flex}.input-wrap:focus-within{border-color:#0d47a1;transform:translateY(-2px);box-shadow:0 0 0 4px #0d47a11a}.input-wrap span{color:#64748b}.input-wrap input{color:#1a2b4b;background:0 0;border:0;outline:0;flex:1;height:100%;font-size:16px}.input-wrap input::placeholder{color:#96a3ba}.password-toggle,.forgot-btn{color:#0d47a1;cursor:pointer;background:0 0;border:0;font-weight:800}.form-options{justify-content:space-between;align-items:center;display:flex}.remember-row{color:#1a2b4b;cursor:pointer;align-items:center;gap:9px;font-size:14px;display:flex}.remember-row input{accent-color:#ff8c00;width:18px;height:18px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8c00,#ff5a00);border:0;border-radius:16px;height:60px;font-size:19px;font-weight:900;transition:all .3s;box-shadow:0 18px 36px #ff690059}.login-btn:hover{transform:translateY(-3px);box-shadow:0 24px 48px #ff690073}.login-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.message{color:#dc2626;text-align:center;background:#fff1f2;border-radius:12px;margin:0;padding:12px 14px;font-weight:700}.divider{color:#7b8aa5;align-items:center;gap:15px;display:flex}.divider span{background:#dbe3ef;flex:1;height:1px}.google-btn{color:#102a5c;cursor:pointer;background:#fff;border:1px solid #d7dfec;border-radius:15px;height:56px;font-size:16px;font-weight:800;transition:all .25s}.google-btn span{color:#ff5a00;margin-right:12px;font-weight:950}.google-btn:hover{transform:translateY(-2px);box-shadow:0 16px 35px #0d47a11f}.secure-note{text-align:center;color:#51617f;margin-top:26px;font-size:14px;font-weight:700}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatRoute{0%,to{transform:translateY(0)rotate(-15deg)}50%{transform:translateY(-18px)rotate(-12deg)}}@media (width<=1200px){.vjc-login-page{grid-template-columns:55% 45%}.premium-login-card{padding:38px}.feature-grid{grid-template-columns:1fr}}@media (width<=1024px){body{overflow:auto}.vjc-login-page{flex-direction:column;display:flex}.vjc-hero-section{min-height:auto;padding:60px 32px 40px}.hero-content h1{font-size:52px}.hero-content p{font-size:17px}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-footer{margin-top:34px;position:relative;bottom:auto;left:auto;right:auto}.vjc-login-section{min-height:auto;padding:42px 24px 70px}}@media (width<=600px){.vjc-hero-section{padding:42px 22px 32px}.hero-badge{font-size:12px}.hero-content h1{font-size:39px}.hero-content p{font-size:15px}.feature-grid{grid-template-columns:1fr}.feature-card:nth-child(n+5){display:none}.hero-footer{flex-direction:column;gap:8px;font-size:12px}.vjc-login-section{padding:28px 16px 48px}.premium-login-card{border-radius:26px;padding:28px 20px}.logo-main{font-size:21px}.logo-sub{font-size:10px}.login-heading h2{font-size:30px}.login-heading p{font-size:14px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}.input-wrap{height:54px}.login-btn{height:56px}}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Inter,Segoe UI,Arial,sans-serif}.vjc-login-page{color:#1a2b4b;background:#f5f7fa;grid-template-columns:60% 40%;width:100vw;height:100vh;display:grid;overflow:hidden}.vjc-hero-section{height:100vh;min-height:0;padding:50px 6vw 45px;overflow:hidden}.vjc-login-section{height:100vh;min-height:0;padding:28px;overflow:hidden}.premium-login-card{width:min(100%,520px);padding:34px}.hero-content h1{font-size:clamp(38px,4.3vw,68px)}.hero-content p{margin:20px 0 24px;font-size:17px;line-height:1.55}.feature-grid{gap:10px}.feature-card{border-radius:15px;padding:11px 15px}.logo-box{margin-bottom:22px;padding:14px 25px}.logo-main{font-size:24px}.logo-sub{font-size:11px}.login-heading{margin-bottom:24px}.login-heading h2{font-size:34px}.login-form{gap:16px}.input-wrap{height:52px}.login-btn{height:54px}.secure-note{margin-top:18px}.divider,.google-btn{display:none}.logo-box{background:#fff;border-radius:18px;justify-content:center;align-items:center;margin-bottom:24px;padding:15px;display:flex;box-shadow:0 15px 40px #0d47a126}.company-logo{object-fit:contain;width:280px;max-width:100%;height:auto}.logo-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;padding:20px;box-shadow:0 20px 50px #0d47a126,inset 0 1px #fffc}.company-logo{width:320px;max-width:100%}.att-dashboard{background:#0a0a0a;flex:1;padding:28px 32px 48px;overflow-y:auto}.date-picker-wrapper{border:1px solid var(--gold);background:#111216;border-radius:40px;align-items:center;gap:10px;padding:8px 16px;display:flex}.date-picker-wrapper input{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-family:Inter,sans-serif;font-size:.85rem}.live-badge{background:#1e1a10;border:1px solid #d4af37;border-radius:40px;padding:6px 14px;font-size:.75rem}.live-pulse{background:#23c55e;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1.5s infinite pulse;display:inline-block}.self-card{border:1px solid var(--gold);background:linear-gradient(135deg,#0c0d12,#0a0b10);border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px;display:flex}.self-info{flex-wrap:wrap;align-items:baseline;gap:24px;display:flex}.self-status{border:1px solid var(--border-gold);background:#1e1a10;border-radius:40px;padding:6px 16px;font-size:.8rem}.self-buttons{gap:12px;display:flex}.btn-check{color:#fff;cursor:pointer;background:#2c6e2c;border:none;border-radius:40px;padding:10px 24px;font-weight:700;transition:all .2s}.btn-check:disabled{opacity:.5;cursor:not-allowed}.btn-check-out{color:#fff;cursor:pointer;background:#8b5a2b;border:none;border-radius:40px;padding:10px 24px;font-weight:700;transition:all .2s}.btn-check-out:disabled{opacity:.5;cursor:not-allowed}.btn-history{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:40px;padding:10px 24px}.btn-check:hover,.btn-check-out:hover,.btn-history:hover{filter:brightness(1.1);transform:translateY(-1px)}.late-alert{background:#ff464626;border-left:4px solid #ff4646;border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:12px 20px;display:flex}.late-alert i{color:#ff6b6b;font-size:1.4rem}.late-list{flex-wrap:wrap;gap:8px;font-size:.85rem;display:flex}.late-chip{color:#ffa0a0;background:#2a1a1a;border-radius:40px;padding:4px 12px}.kpi{border:1px solid var(--border-gold);background:#0c0d12;border-radius:24px;padding:20px}.kpi-title{text-transform:uppercase;color:#a9adc9;letter-spacing:1px;font-size:12px}.kpi-value{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 6px;font-size:36px;font-weight:800}.kpi-sub{color:#4ade80;font-size:12px}.two-cols{grid-template-columns:1fr;gap:24px;margin-bottom:28px;display:grid}.card{border:1px solid var(--border-gold);background:#0b0c10;border-radius:28px;padding:24px}.card-header{color:var(--gold);border-left:3px solid #d4af37;align-items:center;gap:8px;margin-bottom:20px;padding-left:12px;font-weight:600;display:flex}.dept-leaderboard{flex-direction:column;gap:14px;display:flex}.dept-row{align-items:center;gap:10px;font-size:.82rem;display:flex}.dept-row .dname{flex-shrink:0;width:140px}.progress{background:#2a2a35;border-radius:10px;flex:1;height:6px;overflow:hidden}.progress-fill{background:#d4af37;border-radius:10px;height:100%}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.filter-btn{color:#ddd;cursor:pointer;background:#111215;border:none;border-radius:40px;padding:8px 18px;font-family:inherit;font-size:13px;transition:all .2s}.filter-btn.active{color:#030303;background:#d4af37;font-weight:700}.search-input{color:#fff;background:#111215;border:1px solid #2a2a35;border-radius:40px;outline:none;padding:8px 20px;font-family:inherit;font-size:13px}.table-card{border:1px solid var(--border-gold);background:#0b0c10;border-radius:28px;margin-bottom:28px;padding:24px;overflow-x:auto}.att-table{border-collapse:collapse;width:100%;min-width:900px;font-size:.82rem}.att-table th{text-align:left;color:#d4af37;border-bottom:1px solid var(--border-gold);background:#0f0e0a;padding:14px 10px;font-weight:600}.att-table td{vertical-align:middle;border-bottom:1px solid #d4af3714;padding:13px 10px}.badge-full-day{color:#4ade80;background:#4ade8033}.badge-half-day{color:#ffb347;background:#ffa00033}.badge-absent{color:#ff6b6b;background:#ff464633}.badge-leave{color:#60a5fa;background:#3b82f633}.late-pill{color:#ff6b6b;background:#ff46462e;border:1px solid #ff46464d;border-radius:30px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.on-time-pill{color:#4ade80;background:#4ade8026;border-radius:30px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.absent-pill{color:#ff6b6b;background:#ff464626;border-radius:30px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.edit-btn{color:#030303;cursor:pointer;background:#d4af37;border:none;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-card{background:#0f1016;border:1px solid #d4af37;border-radius:32px;width:650px;max-width:90%;max-height:80vh;padding:28px;overflow-y:auto}.modal-card h3{color:#d4af37;margin-bottom:20px}.modal-card label{color:#a9adc9;margin-top:14px;margin-bottom:6px;font-size:12px;display:block}.modal-card input,.modal-card select{color:#fff;background:#1e1f2a;border:1px solid #333;border-radius:28px;width:100%;padding:10px 14px;font-family:monospace}.modal-actions button{cursor:pointer;border:none;border-radius:40px;padding:8px 20px;font-weight:600}.save-btn{color:#030303;background:#d4af37}.cancel-btn{color:#eee;background:#2c2c3a}.history-table{border-collapse:collapse;width:100%;font-size:.8rem}.history-table th,.history-table td{text-align:left;border-bottom:1px solid #2a2a35;padding:8px 6px}@media (width<=1000px){.two-cols{grid-template-columns:1fr}.att-dashboard{padding:20px}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#14161f;border-radius:10px}.app-container{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0c12d9;border-right:1px solid #d4af3740;flex-direction:column;flex-shrink:0;width:280px;transition:all .3s cubic-bezier(.2,.9,.4,1.1);display:flex}#monthPicker{color:#f5f7ff;cursor:pointer;background:linear-gradient(145deg,#151824,#1d2233);border:1px solid #d4af3747;border-radius:16px;outline:none;min-width:180px;padding:12px 18px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .25s;box-shadow:inset 0 1px #ffffff0a,0 4px 14px #00000040}#monthPicker:hover{border-color:#d4af378c;transform:translateY(-1px);box-shadow:0 6px 18px #d4af3714,0 4px 16px #00000059}#monthPicker:focus{border-color:#d4af37;box-shadow:0 0 0 4px #d4af371f,0 6px 20px #0006}#monthPicker::-webkit-calendar-picker-indicator{cursor:pointer;background-color:#d4af37;border-radius:10px;padding:6px;transition:all .2s}#monthPicker::-webkit-calendar-picker-indicator:hover{background-color:#f0c95a;transform:scale(1.08)}@media (width<=768px){#monthPicker{width:100%;min-width:unset}}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .sidebar-header p,.sidebar.collapsed .nav-item span:not(.badge-text),.sidebar.collapsed .nav-badge,.sidebar.collapsed .collapse-text{display:none}.sidebar-header p{color:#d4af37;letter-spacing:1px;margin-top:6px;font-size:.7rem}.nav-item.active{color:#e9c45e;background:linear-gradient(95deg,#d4af372e,#1e190cb3);border-left:3px solid #d4af37}.nav-badge{color:#d4af37;background:#2a2414;border-radius:40px;margin-left:auto;padding:4px 10px;font-size:.65rem;font-weight:600}.collapse-item{border-top:1px solid #d4af3733;padding:16px 20px}.main-panel{background:#07090f;flex:1;padding:24px 32px 48px;overflow-y:auto}.exec-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0e16b3;border:1px solid #d4af374d;border-radius:48px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:12px 24px;display:flex}.emp-profile{align-items:center;gap:14px;display:flex}.avatar-sm{color:#d4af37;background:linear-gradient(135deg,#2a241a,#1a160e);border:1.5px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:800;display:flex}.online-dot{background:#4ade80;border-radius:50%;width:10px;height:10px;margin-left:6px;display:inline-block;box-shadow:0 0 6px #4ade80}.header-actions{align-items:center;gap:12px;display:flex}.icon-btn{color:#d4af37;cursor:pointer;background:#131520;border:1px solid #d4af374d;border-radius:40px;padding:8px 16px;font-size:13px;transition:all .2s}.export-btn{color:#07090f;cursor:pointer;background:#d4af37;border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 20px;font-weight:700;display:flex}.filter-card{background:#0c0e16;border:1px solid #d4af3740;border-radius:28px;flex-wrap:wrap;align-items:flex-end;gap:18px;margin-bottom:28px;padding:20px 24px;display:flex}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:1px;color:#d4af37;font-size:11px;font-weight:600}.filter-group select,.filter-group input{color:#fff;cursor:pointer;background:#11131e;border:1px solid #d4af374d;border-radius:40px;outline:none;padding:9px 16px;font-family:Inter,sans-serif;font-size:.85rem}.load-btn{color:#07090f;cursor:pointer;background:#d4af37;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-weight:700;display:flex}.branch-pill{color:#e9c45e;background:#d4af371f;border:1px solid #d4af3759;border-radius:40px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;display:inline-flex}.hero-strip{background:#0c0e16;border:1px solid #d4af3759;border-radius:32px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:28px;padding:20px 28px;display:none}.hero-strip.show{display:flex}.hero-avatar{color:#d4af37;background:linear-gradient(145deg,#2a241a,#0f0e0a);border:2px solid #d4af37;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:800;display:flex}.hero-info h2{font-size:1.4rem;font-weight:700}.hero-meta{flex-wrap:wrap;gap:20px;margin-left:auto;display:flex}.hero-meta-item{text-align:center}.hero-meta-item .val{color:#d4af37;font-size:24px;font-weight:800}.hero-meta-item .lbl{color:#9b9ec2;text-transform:uppercase;letter-spacing:1px;font-size:10px}.tabs-row{border-bottom:1px solid #d4af3733;flex-wrap:wrap;gap:6px;margin-bottom:28px;display:flex}.tab-btn{color:#a0a5c0;cursor:pointer;background:0 0;border:none;border-radius:40px;padding:12px 24px;font-size:.85rem;font-weight:600;transition:all .2s}.tab-btn.active{color:#d4af37;background:#d4af3726;box-shadow:inset 0 0 0 1px #d4af37}.tab-pane{animation:.25s fadeIn;display:none}.tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:28px;display:grid}.kpi-tile{background:#0c0e16;border:1px solid #d4af3733;border-radius:24px;padding:18px 20px;transition:all .2s}.kpi-tile:hover{border-color:#d4af37;transform:translateY(-2px)}.kpi-tile .label{text-transform:uppercase;color:#a9adc9;letter-spacing:1px;font-size:11px}.kpi-tile .value{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 2px;font-size:32px;font-weight:800}.card{background:#0c0e16;border:1px solid #d4af3733;border-radius:28px;margin-bottom:28px;padding:24px}.card-title{color:#d4af37;border-left:3px solid #d4af37;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-left:12px;font-size:14px;font-weight:700;display:flex}.week-filter{background:#11131e;border-radius:48px;gap:8px;padding:4px;display:flex}.week-filter button{color:#9b9ec2;cursor:pointer;background:0 0;border:none;border-radius:40px;padding:6px 14px;font-size:11px;font-weight:600;transition:all .2s}.week-filter button.active{color:#07090f;background:#d4af37}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{text-align:left;color:#d4af37;border-bottom:1px solid #d4af3733;padding:12px 10px;font-weight:600}.data-table td{border-bottom:1px solid #ffffff0a;padding:10px}.badge{border-radius:40px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.b-present{color:#4ade80;background:#4ade8033}.b-late{color:#ffb347;background:#ffa00033}.b-absent{color:#ff6b6b;background:#ff464633}.b-halfday{color:#4a8fe8;background:#4a8fe833}.b-manager{color:#d4af37;background:#d4af3733}.break-pill{white-space:nowrap;background:#1a1c26;border-radius:20px;margin:1px;padding:3px 8px;font-family:monospace;font-size:10px;display:inline-block}.cal-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-top:12px;display:grid}.cal-dow-header{text-align:center;color:#d4af37;letter-spacing:.5px;padding:10px 0;font-size:12px;font-weight:700}.cal-day{text-align:center;cursor:pointer;background:#11131e;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-height:64px;padding:14px 6px;transition:all .1s;display:flex;position:relative}.cal-day:hover{z-index:10;border-color:#d4af37;transform:scale(1.04)}.cal-day .day-num{font-size:18px;font-weight:800;line-height:1}.cal-present{background:#4ade8040}.cal-halfday{background:#ffeb3b73}.cal-late{background:#ff640073}.cal-absent{background:#ff464640}.cal-holiday{opacity:.6;background:#94a3b812}.cal-empty{cursor:default;background:0 0;border:none}.cal-day .day-num.green-num{color:#4ade80}.cal-day .day-num.yellow-num{color:#ffd966}.cal-day .day-num.orange-num{color:#ff8c42}.cal-day .day-num.red-num{color:#ff6b6b}.cal-day .day-num.default-num{color:#9b9ec2}.cal-tooltip-custom{visibility:hidden;white-space:nowrap;z-index:200;color:#eff0f5;text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0c0e16;border:1px solid #d4af37;border-radius:16px;padding:12px 16px;font-family:monospace;font-size:11px;line-height:1.7;transition:visibility .1s;position:absolute;bottom:115%;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #00000080}.cal-day:hover .cal-tooltip-custom{visibility:visible}.cal-tooltip-custom strong{color:#d4af37;font-family:Inter,sans-serif}.cal-tooltip-custom hr{border-color:#d4af374d;margin:4px 0}.week-cards{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:24px;display:grid}.week-day-card{text-align:center;background:#11131e;border:1px solid #d4af3733;border-radius:18px;padding:12px;font-size:11px}.chart-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}@media (width<=1000px){.chart-row{grid-template-columns:1fr}}#dailyLogTable tbody tr:hover{background:#d4af370f;transform:scale(1.002)}#dailyLogTable td{padding:16px 12px;font-size:13px}#dailyLogTable th{z-index:5;letter-spacing:1px;text-transform:uppercase;background:#11131e;padding:14px 12px;font-size:11px;position:sticky;top:0}#dailyLogTable{border-collapse:separate;border-spacing:0 8px}#dailyLogTable tbody tr{background:#11131e;border-radius:18px}#dailyLogTable tbody tr td:first-child{border-radius:14px 0 0 14px}#dailyLogTable tbody tr td:last-child{border-radius:0 14px 14px 0}.logout-section{border-top:1px solid #ffffff14;padding:12px}.sidebar.collapsed .logout-section span{display:none}.sidebar.collapsed .logout-section .nav-item{justify-content:center}.manager-profile-card{background:#d4af3714;border:1px solid #d4af3740;border-radius:18px;align-items:center;gap:12px;margin:0 16px 16px;padding:14px 16px;display:flex}.sidebar.collapsed .manager-profile-card{display:none}.manager-avatar-sidebar{color:#d4af37;background:linear-gradient(135deg,#2a241a,#1a160e);border:1.5px solid #d4af37;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:800;display:flex}.manager-info-sidebar{overflow:hidden}.manager-info-sidebar .name{color:#f5e2b0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.manager-info-sidebar .branch-tag{color:#d4af37;margin-top:2px;font-size:10px}#breakDetailTable tbody tr:hover{background:#d4af370f}#breakDetailTable td{padding:14px 10px;font-size:12px}#breakDetailTable th{z-index:5;letter-spacing:1px;text-transform:uppercase;background:#11131e;padding:13px 10px;font-size:10px;position:sticky;top:0}#breakDetailTable{border-collapse:separate;border-spacing:0 6px}#breakDetailTable tbody tr{background:#11131e}#breakDetailTable tbody tr td:first-child{border-radius:12px 0 0 12px}#breakDetailTable tbody tr td:last-child{border-radius:0 12px 12px 0}.break-time-cell{color:#c5cde0;font-family:monospace;font-size:11px}.break-dur{color:#d4af37;margin-left:4px;font-weight:700}.manager-heatmap-day-wrap:hover .manager-heatmap-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.cal-day .day-num.blue-num{font-weight:800;color:#2563eb!important}.cal-sunday:hover{transform:scale(1.05);background:#2563eb59!important;border-color:#2563eb!important}.hero-info h2{text-shadow:0 0 8px #d4af3759;font-size:1.4rem;font-weight:700;color:#f5e2b0!important}.hero-info p{margin-top:4px;color:#9b9ec2!important}.mh-row strong{color:#fff;text-align:right;font-weight:700}.cal-sunday{background:#2563eb2e;border:1px solid #2563eb73}.blue-num{color:#2563eb;font-weight:700}.page-header{border-bottom:1px solid var(--border-gold);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.date-picker-wrapper,.range-picker{background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:12px;padding:8px 18px;display:flex}.date-picker-wrapper i,.range-picker i{color:#d4af37}#breakDate,.range-picker input{color:#fff;cursor:pointer;background:#1a1c26;border:none;border-radius:30px;padding:6px 12px;font-family:Inter,sans-serif;font-size:.85rem}.my-break-card{border:1px solid var(--border-gold);background:#0c0d12;border-radius:24px;margin-bottom:28px;padding:20px}.my-break-title{color:var(--gold);border-left:3px solid var(--gold);margin-bottom:16px;padding-left:12px;font-size:1rem;font-weight:600}.break-buttons{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.break-action-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:#1a1c26;border-radius:30px;padding:8px 18px;font-weight:500;transition:all .2s}.break-action-btn.active{color:#030303;background:#d4af37}.break-action-btn:hover{transform:translateY(-2px)}.stat-label{color:#a9adc9;margin-bottom:8px;font-size:13px}.stat-number{color:#d4af37;font-size:28px;font-weight:800}.table-wrapper{border:1px solid var(--border-gold);background:#0c0d12;border-radius:24px;margin-top:8px;margin-bottom:32px;overflow-x:auto}.breaks-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:.8rem}.breaks-table th{text-align:left;color:#d4af37;border-bottom:1px solid var(--border-gold);background:#0f0e0a;padding:16px 12px;font-weight:600}.breaks-table td{vertical-align:middle;border-bottom:1px solid #d4af3714;padding:14px 12px}.break-time-cell{background:#1a1c26;border-radius:20px;padding:6px 10px;font-family:monospace;font-size:.75rem;display:inline-block}.edit-btn{color:#030303;cursor:pointer;background:#d4af37;border:none;border-radius:40px;padding:6px 14px;font-weight:600;transition:all .2s}.edit-btn:hover{background:#c5a022;transform:scale(1.02)}.remaining-badge{color:#4ade80;font-weight:700}.remaining-badge.warning{color:#f59e0b}.remaining-badge.danger{color:#ef4444}.time-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.time-row input{color:#fff;background:#1a1c26;border:1px solid #2a2a35;border-radius:16px;outline:none;flex:1;padding:10px 14px;font-family:monospace}.toast{color:#f5e2b0;z-index:1000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:50px;padding:12px 24px;transition:all .2s;position:fixed;bottom:30px;right:30px}.toast.show{opacity:1}.section-title{color:var(--gold);border-left:3px solid var(--gold);margin:20px 0 12px;padding-left:12px;font-size:1.1rem;font-weight:600}.my-history-btn-wrapper{justify-content:flex-end;margin-bottom:20px;display:flex}.premium-history-btn{color:#030303;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#d4af37,#b88a17);border:none;border-radius:60px;align-items:center;gap:12px;padding:12px 28px;font-size:.9rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 8px 20px #d4af3740}.premium-history-btn i{font-size:1.1rem}.premium-history-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #d4af3759}.history-panel{border:1px solid var(--border-gold);background:#0b0c10;border-radius:32px;margin-top:10px;margin-bottom:32px;padding:24px;transition:all .2s;display:none}.history-panel.active{animation:.3s fadeSlideUp;display:block}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.summary-cards{flex-wrap:wrap;gap:18px;margin-bottom:24px;display:flex}.summary-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f111a;border:1px solid #d4af3733;border-radius:24px;flex:1;min-width:160px;padding:18px 16px}.summary-card .label{text-transform:uppercase;color:#9ca3af;letter-spacing:.5px;margin-bottom:8px;font-size:.7rem}.summary-card .value{color:var(--gold);font-size:1.8rem;font-weight:800}.history-premium-table{border-collapse:collapse;width:100%;min-width:900px;font-size:.75rem}.history-premium-table th{color:var(--gold);border-bottom:1px solid var(--border-gold);text-align:center;background:#14161f;padding:14px 8px;font-weight:600;position:sticky;top:0}.history-premium-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #d4af3714;padding:12px 8px}.status-badge{border-radius:40px;padding:5px 12px;font-size:.7rem;font-weight:700;display:inline-block}.status-ok{color:#4ade80;background:#4ade801f}.status-warning{color:#f59e0b;background:#f59e0b1f}.status-exceed{color:#ef4444;background:#ef44441f}.remaining-pill{border-radius:30px;padding:4px 8px;font-weight:700}.remaining-good{color:#4ade80}.remaining-warn{color:#f59e0b}.remaining-bad{color:#ef4444}.time-slot{white-space:nowrap;background:#1a1c26;border-radius:30px;padding:4px 8px;font-family:monospace;font-size:.7rem;display:inline-block}.date-pill{background:#d4af371f;border-radius:30px;padding:4px 12px;font-weight:600;display:inline-block}@media (width<=1000px){.main-content{padding:20px}.sidebar{transform:translate(-100%)}}:root{--gold:#d4af37;--gold-dim:#d4af374d;--gold-bg:#d4af3714;--bg-page:#030303;--bg-card:#0c0d12;--bg-day:#0b0c10;--text-main:#ebecf0;--text-muted:#9a9dc2;--c-present:#4ade80;--c-absent:#ef4444;--c-late:#f59e0b;--c-halfday:#8b5cf6;--c-leave:#3b82f6;--c-holiday:#d4af37;--c-sunday:#b91c1c}.manager-calendar-page{color:var(--text-main);background:#0a0a0a;flex:1;padding:24px 28px 48px;overflow-y:auto}.manager-calendar-page ::-webkit-scrollbar{width:6px;height:6px}.manager-calendar-page ::-webkit-scrollbar-track{background:#111}.manager-calendar-page ::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}.manager-calendar-page .page-header{border-bottom:1px solid var(--gold-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.manager-calendar-page .title h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700}.manager-calendar-page .title p{color:var(--text-muted);margin-top:4px;font-size:13px}.manager-calendar-page .view-toggle{border:1px solid var(--gold-dim);background:#0c0d12;border-radius:40px;gap:4px;padding:4px;display:flex}.manager-calendar-page .toggle-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:40px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;transition:all .2s}.manager-calendar-page .toggle-btn.active{background:var(--gold);color:#000}.manager-calendar-page .toggle-btn:not(.active):hover{background:var(--gold-bg);color:var(--gold)}.manager-calendar-page .month-nav{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:40px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 24px;display:flex}.manager-calendar-page .month-nav button{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:40px;padding:7px 18px;font-family:Inter,sans-serif;font-weight:600;transition:all .15s}.manager-calendar-page .month-nav button:hover{background:var(--gold-bg)}.manager-calendar-page .month-nav .month-label{color:var(--gold);letter-spacing:.5px;font-size:1.2rem;font-weight:700}.manager-calendar-page .month-stats{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:24px;flex-wrap:wrap;gap:0;margin-bottom:18px;padding:14px 8px;display:flex;overflow:hidden}.manager-calendar-page .stat-pill{text-align:center;border-right:1px solid var(--gold-dim);flex:1;min-width:90px;padding:8px 12px}.manager-calendar-page .stat-pill:last-child{border-right:none}.manager-calendar-page .stat-pill .sv{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.7rem;font-weight:800}.manager-calendar-page .stat-pill .sl{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.67rem}.manager-calendar-page .legend{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:40px;flex-wrap:wrap;gap:14px;margin-bottom:16px;padding:10px 20px;display:flex}.manager-calendar-page .legend-item{color:#ccc;align-items:center;gap:7px;font-size:.77rem;display:flex}.manager-calendar-page .legend.personal-legend .legend-item.branch-only,.manager-calendar-page .legend.branch-legend .legend-item.personal-only{display:none}.manager-calendar-page .ldot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.manager-calendar-page .ldot.present{background:var(--c-present)}.manager-calendar-page .ldot.absent{background:var(--c-absent)}.manager-calendar-page .ldot.late{background:var(--c-late)}.manager-calendar-page .ldot.halfday{background:var(--c-halfday)}.manager-calendar-page .ldot.leave{background:var(--c-leave)}.manager-calendar-page .ldot.holiday{background:var(--c-holiday)}.manager-calendar-page .ldot.sunday{background:var(--c-sunday)}.manager-calendar-page .calendar-grid{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:24px;display:grid;overflow:visible}.manager-calendar-page .cal-weekday{text-align:center;color:var(--gold);background:var(--bg-card);border:1px solid var(--gold-dim);letter-spacing:.5px;border-radius:14px;padding:10px;font-size:.78rem;font-weight:700}.manager-calendar-page .cal-day{background:var(--bg-day);border:1px solid var(--gold-dim);cursor:default;border-radius:20px;min-height:105px;padding:10px 8px;transition:transform .15s,border-color .15s;position:relative;overflow:visible}.manager-calendar-page .cal-day.interactive{cursor:pointer}.manager-calendar-page .cal-day:hover{border-color:#d4af3780;transform:translateY(-2px)}.manager-calendar-page .cal-day.is-sunday{background:#b91c1c1f;border-color:#b91c1c80}.manager-calendar-page .cal-day.is-holiday{background:#d4af3724;border-color:#d4af3799}.manager-calendar-page .cal-day.is-halfday-holiday{background:#8b5cf61f;border-color:#8b5cf680}.manager-calendar-page .cal-day.is-today{box-shadow:0 0 0 2px var(--gold)}.manager-calendar-page .cal-day.p-present{background:#4ade800d;border-color:#4ade8080}.manager-calendar-page .cal-day.p-absent{background:#ef44440a;border-color:#ef444466}.manager-calendar-page .cal-day.p-late{background:#f59e0b0d;border-color:#f59e0b80}.manager-calendar-page .cal-day.p-halfday{background:#8b5cf60f;border-color:#8b5cf680}.manager-calendar-page .cal-day.p-leave{background:#3b82f60d;border-color:#3b82f680}.manager-calendar-page .cal-day.cal-day-empty{opacity:.2;pointer-events:none;background:#060608}.manager-calendar-page .cal-day.cal-day-pad{opacity:.15;pointer-events:none;background:#060608}.manager-calendar-page .day-num{color:var(--gold);margin-bottom:5px;font-size:1rem;font-weight:700}.manager-calendar-page .day-badge{white-space:nowrap;border-radius:10px;margin-bottom:4px;padding:2px 7px;font-size:.63rem;display:inline-block}.manager-calendar-page .day-mini-stats{margin-top:4px}.manager-calendar-page .mini-row{color:#888;justify-content:space-between;padding:1px 0;font-size:.67rem;display:flex}.manager-calendar-page .mini-row .val{font-weight:600}.manager-calendar-page .tooltip-card{border:1px solid var(--gold);z-index:9999;opacity:0;pointer-events:none;min-width:200px;color:var(--text-main);background:#1a1b24;border-radius:18px;padding:12px 15px;font-size:.73rem;line-height:1.65;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #000000b3}.manager-calendar-page .tooltip-card:after{content:"";border:7px solid #0000;border-top-color:var(--gold);position:absolute;top:100%;left:50%;transform:translate(-50%)}.manager-calendar-page .cal-day:hover .tooltip-card{opacity:1}.manager-calendar-page .tt-title{color:var(--gold);border-bottom:1px solid var(--gold-dim);margin-bottom:8px;padding-bottom:5px;font-size:.82rem;font-weight:700}.manager-calendar-page .tt-row{justify-content:space-between;padding:2px 0;display:flex}.manager-calendar-page .tt-row .tv{font-weight:700}.manager-calendar-page .tt-divider{border-top:1px solid var(--gold-dim);margin:5px 0}.manager-calendar-page .bottom-tables{border-top:1px solid var(--gold-dim);flex-wrap:wrap;gap:20px;margin-top:8px;padding-top:20px;display:flex}.manager-calendar-page .info-table{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:20px;flex:1;min-width:220px;padding:16px}.manager-calendar-page .info-table h3{color:var(--gold);border-left:3px solid var(--gold);margin-bottom:12px;padding-left:10px;font-size:.9rem}.manager-calendar-page .info-table table{border-collapse:collapse;width:100%;font-size:.78rem}.manager-calendar-page .info-table th,.manager-calendar-page .info-table td{text-align:left;border-bottom:1px solid #d4af3714;padding:7px 6px}.manager-calendar-page .info-table th{color:var(--gold);font-weight:600}.manager-calendar-page .info-table td{color:#ccc}.manager-calendar-page .personal-summary{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:24px;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:16px 20px;display:none}.manager-calendar-page .personal-summary.visible{display:flex}.manager-calendar-page .ps-card{text-align:center;flex:1;min-width:90px}.manager-calendar-page .ps-card .pv{font-size:1.5rem;font-weight:800}.manager-calendar-page .ps-card .pl{text-transform:uppercase;letter-spacing:1px;color:#888;margin-top:2px;font-size:.65rem}.manager-calendar-page .ps-present .pv{color:var(--c-present)}.manager-calendar-page .ps-absent .pv{color:var(--c-absent)}.manager-calendar-page .ps-late .pv{color:var(--c-late)}.manager-calendar-page .ps-halfday .pv{color:var(--c-halfday)}.manager-calendar-page .ps-leave .pv{color:var(--c-leave)}.manager-calendar-page .loading-spinner{border:2px solid var(--gold);border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite mgr-cal-spin;display:inline-block}@keyframes mgr-cal-spin{to{transform:rotate(360deg)}}.manager-calendar-page .grid-loader{grid-column:1/-1;justify-content:center;align-items:center;padding:60px;display:flex}.manager-calendar-page .readonly-badge{border:1px solid var(--gold-dim);color:#c9a23d;background:#d4af3714;border-radius:40px;align-items:center;gap:6px;padding:6px 16px;font-size:.75rem;display:flex}.manager-calendar-page .page-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.manager-calendar-page .mgr-cal-toast{border-left:4px solid var(--gold);color:#f5e2b0;z-index:3000;opacity:0;pointer-events:none;background:#1e1a10;border-radius:40px;max-width:340px;padding:10px 20px;font-size:.85rem;transition:all .25s;position:fixed;bottom:24px;right:24px}.manager-calendar-page .mgr-cal-toast.show{opacity:1}@media (width<=1000px){.manager-calendar-page{padding:16px}.manager-calendar-page .calendar-grid{gap:5px}.manager-calendar-page .cal-day{min-height:80px;padding:8px 5px}.manager-calendar-page .tooltip-card{min-width:160px;left:0;transform:none}.manager-calendar-page .tooltip-card:after{left:16px;transform:none}}.manager-dashboard-page .btn-approve,.manager-dashboard-page .btn-reject{cursor:pointer;background:0 0;border:none;border-radius:20px;margin-left:6px;padding:4px 12px;font-family:inherit;font-size:.65rem;font-weight:600;transition:all .2s}.manager-dashboard-page .btn-approve{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.manager-dashboard-page .btn-approve:hover{background:#22c55e4d}.manager-dashboard-page .btn-reject{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.manager-dashboard-page .btn-reject:hover{background:#ef44444d}.manager-error-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.82rem;display:flex}.manager-today-panel{margin-bottom:18px}.manager-attendance-list{flex-direction:column;gap:0;display:flex}.manager-att-row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:8px 0;font-size:.78rem;display:grid}.manager-att-row:last-child{border-bottom:none}.manager-att-name{font-weight:500}.manager-att-status{text-transform:capitalize;background:var(--bg4);border-radius:20px;padding:3px 8px;font-size:.7rem}.manager-att-status.status-full_day{color:var(--green)}.manager-att-status.status-half_day{color:#86efac}.manager-att-status.status-absent{color:var(--red)}.manager-att-time{color:var(--muted);text-align:right;min-width:72px;font-size:.72rem}.manager-department-page{color:#eff0f5;background:#0a0a0a;flex:1;padding:28px 32px 48px;overflow-y:auto}.manager-department-page ::-webkit-scrollbar{width:6px}.manager-department-page ::-webkit-scrollbar-track{background:#111}.manager-department-page ::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.manager-department-page .page-header{border-bottom:1px solid var(--border-gold);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:16px;display:flex}.manager-department-page .title h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.manager-department-page .title p{color:#9a9dc2;margin-top:4px;font-size:14px}.manager-department-page .date-picker-wrapper{background:#111216;border:1px solid #d4af37;border-radius:40px;align-items:center;gap:10px;padding:8px 18px;display:flex}.manager-department-page .date-picker-wrapper i{color:#d4af37}.manager-department-page .date-picker-wrapper input{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-family:Inter,sans-serif;font-size:.85rem}.manager-department-page .stats-badge{color:#d4af37;border:1px solid var(--border-gold);background:#d4af3726;border-radius:40px;margin-bottom:28px;padding:6px 20px;font-size:.85rem;display:inline-block}.manager-department-page .dept-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.manager-department-page .glass-card{border:1px solid var(--border-gold);background:#0f0f0f;border-radius:28px;padding:20px;transition:all .2s}.manager-department-page .glass-card:hover{border-color:#d4af37;transform:translateY(-2px)}.manager-department-page .dept-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.manager-department-page .dept-name{font-size:1.2rem;font-weight:700}.manager-department-page .dept-code{color:#d4af37;border:1px solid var(--border-gold);background:#1e1f28;border-radius:40px;padding:4px 12px;font-size:.7rem}.manager-department-page .employee-count{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0;font-size:2rem;font-weight:800}.manager-department-page .attendance-stats{gap:14px;margin:16px 0;display:flex}.manager-department-page .present-box,.manager-department-page .absent-box{border-radius:18px;flex:1;padding:12px}.manager-department-page .present-box{background:#4ade8014;border:1px solid #4ade8026}.manager-department-page .absent-box{background:#ff525214;border:1px solid #ff525226}.manager-department-page .att-label{color:#999;margin-bottom:4px;font-size:.7rem}.manager-department-page .att-num{font-size:1.6rem;font-weight:700}.manager-department-page .present-box .att-num{color:#00e676}.manager-department-page .absent-box .att-num{color:#ff5252}.manager-department-page .dept-head{color:#d4af37;margin-top:10px;font-size:.8rem}.manager-department-page .empty-state{text-align:center;color:#555;border:1px dashed var(--border-gold);background:#0f0f0f;border-radius:28px;grid-column:1/-1;padding:60px}.manager-department-page .spinner{border:2px solid #d4af37;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite mgr-dept-spin;display:inline-block}@keyframes mgr-dept-spin{to{transform:rotate(360deg)}}.manager-department-page .mgr-dept-toast{color:#f5e2b0;z-index:2000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:40px;padding:10px 20px;font-size:.85rem;transition:all .25s;position:fixed;bottom:20px;right:20px}.manager-department-page .mgr-dept-toast.show{opacity:1}:root{--gold:#d4af37;--border-gold:#d4af374d;--card-bg:#0f0f0f}.manager-badge{border:1px solid var(--border-gold);background:#d4af371a;border-radius:20px;align-items:center;gap:10px;margin:0 20px 20px;padding:8px 16px;font-size:.8rem;display:flex}.manager-badge .name{color:#d4af37;font-weight:600}.header{border-bottom:1px solid var(--border-gold);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.controls-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.branch-pill{border:1px solid var(--gold);color:var(--gold);background:#d4af3726;border-radius:40px;align-items:center;gap:10px;padding:8px 20px;font-size:.85rem;display:flex}.add-employee-btn{color:#030303;cursor:pointer;background:#d4af37;border:none;border-radius:40px;align-items:center;gap:8px;padding:8px 24px;font-weight:600;transition:all .2s;display:flex}.add-employee-btn:hover{background:#c5a022;transform:translateY(-1px)}.stat-label{color:#a9adc9;font-size:13px}.stat-number{background:linear-gradient(135deg,#fff,#f5d742);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 4px;font-size:32px;font-weight:800}.stat-trend{color:#4ade80;font-size:12px}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.search-box{border:1px solid var(--border-gold);background:#111215;border-radius:40px;flex:2;gap:12px;min-width:240px;padding:12px 24px;display:flex}.search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%}.dept-filters{flex-wrap:wrap;gap:10px;display:flex}.filter-chip{cursor:pointer;background:#111216;border:1px solid #0000;border-radius:40px;padding:8px 18px;font-size:13px;transition:all .2s}.filter-chip.active{color:#d4af37;background:#d4af3733;border-color:#d4af37}.filter-chip:hover{background:#1e1f28}.two-columns{grid-template-columns:1fr 340px;gap:28px;display:grid}.employees-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.employee-card{background:#0b0c10;border:1px solid #d4af3733;border-radius:28px;padding:28px 24px;transition:all .2s;position:relative}.employee-card:hover{border-color:#d4af37;transform:translateY(-3px)}.card-header{align-items:center;gap:20px;margin-bottom:20px;display:flex}.avatar{color:#d4af37;background:#1e1f28;border:2px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;font-size:24px;font-weight:700;display:flex}.employee-info h4{font-size:1.2rem;font-weight:700}.employee-dept{color:#d4af37;margin-top:6px;font-size:.85rem}.employee-details{color:#b0b3c9;margin:16px 0;font-size:.85rem;line-height:1.6}.employee-details i{color:#d4af37;width:24px}.card-actions{gap:10px;display:flex;position:absolute;top:20px;right:20px}.action-icon{color:#d4af37;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:8px;font-size:18px;transition:all .2s;display:flex}.action-icon:hover{background:#d4af3733}.delete-icon:hover{color:#ff5e5e;background:#ff5e5e26}.full-details-btn{cursor:pointer;background:#d4af37;border:none;border-radius:30px;width:100%;margin-top:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.full-details-btn:hover{background:#c5a022;transform:scale(1.01)}.role-badge{vertical-align:middle;background:#d4af3733;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:10px;display:inline-block}.insights-panel{border:1px solid var(--border-gold);background:#0b0c10;border-radius:28px;height:fit-content;padding:24px}.insights-title{color:var(--gold);border-left:3px solid #d4af37;margin-bottom:20px;padding-left:12px;font-size:18px;font-weight:600}.insight-item{border-bottom:1px solid #d4af371a;margin-bottom:20px;padding-bottom:16px}.insight-value{color:#d4af37;margin:8px 0;font-size:28px;font-weight:700}.insight-label{color:#a9adc9;font-size:13px}.insight-desc{color:#7a7d9e;margin-top:4px;font-size:12px}.modal-content h3{color:#d4af37;margin-bottom:20px;font-weight:600}.form-group input,.form-group select{color:#fff;background:#1a1c26;border:1px solid #2a2a35;border-radius:16px;outline:none;width:100%;padding:12px}.form-group input:focus,.form-group select:focus{border-color:#d4af37}.modal-btn{cursor:pointer;background:#d4af37;border:none;border-radius:40px;padding:10px 24px;font-weight:600}.toast-msg{color:#f5e2b0;z-index:2000;opacity:0;pointer-events:none;background:#1e1a10;border-left:4px solid #d4af37;border-radius:50px;padding:12px 24px;transition:all .2s;position:fixed;bottom:28px;right:28px}.toast-msg.show{opacity:1}.details-grid{grid-template-columns:repeat(2,1fr);gap:20px 28px;margin:16px 0 8px;display:grid}.detail-item{border-bottom:1px dashed #d4af3733;align-items:flex-start;gap:12px;padding-bottom:10px;font-size:.9rem;display:flex}.detail-icon{color:#d4af37;text-align:center;width:32px;font-size:1.1rem}.detail-content{word-break:break-word;flex:1}.detail-label{text-transform:uppercase;letter-spacing:.5px;color:#9a9dc2;margin-bottom:4px;font-size:.7rem}.detail-value{color:#ebecf0;font-weight:500}.sensitive-badge{background:#d4af3726;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:.7rem;display:inline-block}.section-title{color:#d4af37;border-left:3px solid #d4af37;grid-column:span 2;margin:8px 0 4px;padding-left:12px;font-size:1rem;font-weight:600}@media (width<=600px){.details-grid{grid-template-columns:1fr}.section-title{grid-column:span 1}}@media (width<=1000px){.two-columns{grid-template-columns:1fr}.main-content{padding:20px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#eff0f5;background:#030303;height:100vh;font-family:Inter,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-gold);background:#030303;flex-direction:column;flex-shrink:0;width:280px;transition:width .3s;display:flex;overflow-y:auto}.sidebar.collapsed{width:90px}.sidebar.collapsed .sidebar-header h2,.sidebar.collapsed .sidebar-header p,.sidebar.collapsed .nav-item span,.sidebar.collapsed .secure-badge,.sidebar.collapsed .collapse-text{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.sidebar.collapsed .nav-item i{margin-right:0;font-size:1.4rem}.sidebar-header{border-bottom:1px solid var(--border-gold);margin-bottom:24px;padding:28px 24px 20px}.sidebar-header h2{background:linear-gradient(135deg,#f9e0a0,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.55rem;font-weight:800}.sidebar-header p{color:#c9a23d;margin-top:6px;font-size:.7rem}.manager-badge{border:1px solid var(--border-gold);background:#d4af371a;border-radius:20px;align-items:center;gap:10px;margin:0 20px 20px;padding:8px 16px;display:flex}.manager-badge .avatar{color:#030303;background:linear-gradient(135deg,#d4af37,#b68b1f);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.manager-badge .name{color:#d4af37;font-size:.82rem;font-weight:600}.manager-badge .branch{color:#999;font-size:.65rem}.nav-section{margin-bottom:28px;padding:0 20px}.nav-item{color:#cfcfcf;cursor:pointer;border-radius:14px;align-items:center;gap:14px;margin:4px 0;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.nav-item i{color:#c9a23d;width:24px;font-size:1.2rem}.nav-item:hover{color:var(--gold);background:#1f1a0a}.nav-item.active{border-left:3px solid var(--gold);color:var(--gold);background:linear-gradient(95deg,#1f1a0c,#0f0e08)}.secure-badge{color:#d4af37;background:#2a2414;border-radius:40px;margin-left:auto;padding:4px 10px;font-size:.65rem}.collapse-item{border-top:1px solid #26201a;margin-top:8px}.main-content{background:#0a0a0a;flex:1;padding:28px 32px 48px;overflow-y:auto}.page-header{border-bottom:1px solid var(--border-gold);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:16px;display:flex}.title h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.title p{color:#9a9dc2;margin-top:4px;font-size:14px}.apply-btn{color:#030303;cursor:pointer;background:#d4af37;border:none;border-radius:40px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;display:flex}.apply-btn:hover{background:#c5a022;transform:translateY(-1px)}.notification-bar{border:1px solid var(--gold);background:#d4af371a;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:12px 20px;display:flex}.notification-bar i{color:var(--gold);font-size:1.3rem}.notification-bar .badge{color:#030303;background:#d4af37;border-radius:40px;margin-left:8px;padding:2px 10px;font-weight:700}.tabs-container{border:1px solid var(--border-gold);background:#0c0d12;border-radius:60px;gap:8px;width:fit-content;margin-bottom:24px;padding:8px 16px;display:flex}.tab-btn{color:#a9adc9;cursor:pointer;background:0 0;border:none;border-radius:40px;padding:8px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.tab-btn.active{color:#030303;background:#d4af37}.stats-row{flex-wrap:wrap;gap:20px;margin-bottom:28px;display:flex}.stat-card{border:1px solid var(--border-gold);background:#0c0d12;border-radius:24px;flex:1;min-width:160px;padding:16px 24px}.stat-label{color:#a9adc9;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.stat-number{color:#d4af37;margin:6px 0 2px;font-size:28px;font-weight:800}.stat-sub{color:#555;font-size:11px}.section-title{color:var(--gold);border-left:3px solid var(--gold);margin-bottom:16px;padding-left:12px;font-size:1rem;font-weight:700}.table-card{border:1px solid var(--border-gold);background:#0f0f0f;border-radius:28px;padding:0;overflow-x:auto}.leave-table{border-collapse:collapse;width:100%;min-width:900px;font-size:.82rem}.leave-table th{text-align:left;color:#d4af37;border-bottom:1px solid var(--border-gold);background:#0c0c0c;padding:16px 14px;font-weight:600}.leave-table td{vertical-align:middle;border-bottom:1px solid #d4af3714;padding:14px}.leave-table tr:hover td{background:#d4af3705}.status-pending{color:#ffb347;background:#ffa00033;border-radius:40px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.status-approved{color:#4ade80;background:#4ade8033;border-radius:40px;padding:4px 12px;font-size:11px;display:inline-block}.status-rejected{color:#ff6b6b;background:#ff464633;border-radius:40px;padding:4px 12px;font-size:11px;display:inline-block}.action-btn{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:30px;margin:0 3px;padding:5px 12px;font-family:inherit;font-size:11px;transition:all .2s}.action-btn.approve{color:#030303;background:#4ade80;border-color:#4ade80}.action-btn.reject{color:#ff6b6b;border-color:#ff6b6b}.branch-tag{color:#d4af37;background:#2a2414;border-radius:20px;margin-left:6px;padding:2px 8px;font-size:10px}.modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:#0d0e12;border:1px solid #d4af37;border-radius:32px;width:90%;max-width:520px;max-height:85vh;padding:28px;overflow-y:auto}.modal-content h3{color:#d4af37;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{color:#a9adc9;margin-bottom:6px;font-size:13px;display:block}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#1a1c26;border:1px solid #2a2a35;border-radius:16px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:13px}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#d4af37}.form-row{gap:16px;display:flex}.form-row .form-group{flex:1}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.modal-btn{cursor:pointer;background:#d4af37;border:none;border-radius:40px;padding:10px 24px;font-family:inherit;font-weight:700}.modal-btn.cancel{color:#d4af37;background:0 0;border:1px solid #d4af37}.days-preview{border:1px solid var(--border-gold);color:#d4af37;text-align:center;background:#d4af371a;border-radius:16px;margin-top:8px;padding:10px 16px;font-size:13px}.toast{color:#d4af37;z-index:9999;opacity:0;pointer-events:none;background:#1a1a1a;border:1px solid #d4af37;border-radius:40px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;position:fixed;bottom:32px;right:32px;transform:translateY(10px)}.toast.show{opacity:1;transform:translateY(0)}.toast.success{color:#4ade80;border-color:#4ade80}.toast.error{color:#ff6b6b;border-color:#ff6b6b}.loading-row td{text-align:center;color:#888;padding:48px}.spinner{border:2px solid #d4af37;border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@media (width<=900px){.main-content{padding:20px}.stats-row{flex-direction:column}}:root{--gold:#d4af37;--border-gold:#d4af374d}.manager-notifications-page{color:#eff0f5;background:#0a0a0a;flex:1;overflow-y:auto}.manager-notifications-page ::-webkit-scrollbar{width:6px}.manager-notifications-page ::-webkit-scrollbar-track{background:#111}.manager-notifications-page ::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}.manager-notifications-page.layout,.manager-notifications-page .main{background:#0a0a0a;flex:1;overflow-y:auto}.manager-notifications-page .topbar{border-bottom:1px solid var(--border-gold);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0a0a0af2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 32px;display:flex;position:sticky;top:0}.manager-notifications-page .topbar h1{background:linear-gradient(135deg,#fff,#d4af37);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.manager-notifications-page .topbar p{color:#9a9dc2;margin-top:3px;font-size:.8rem}.manager-notifications-page .topbar-right{align-items:center;gap:12px;display:flex}.manager-notifications-page .connection-pill{background:#0f0f0f;border:1px solid #333;border-radius:40px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;display:flex}.manager-notifications-page .conn-dot{background:#555;border-radius:50%;width:8px;height:8px}.manager-notifications-page .conn-dot.connected{background:#4ade80;animation:1.5s infinite mgr-notif-pulse;box-shadow:0 0 6px #4ade80}.manager-notifications-page .conn-dot.disconnected{background:#ef4444}.manager-notifications-page .branch-scope-badge{border:1px solid var(--border-gold);color:var(--gold);background:#d4af371a;border-radius:40px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;display:flex}.manager-notifications-page .mark-all-btn{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:40px;padding:7px 20px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.manager-notifications-page .mark-all-btn:hover{background:#d4af371a}.manager-notifications-page .clear-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #333;border-radius:40px;padding:7px 16px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s}.manager-notifications-page .clear-btn:hover{color:#ef4444;border-color:#ef4444}.manager-notifications-page .content{padding:24px 32px 48px}.manager-notifications-page .stats-row{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.manager-notifications-page .stat-card{border:1px solid var(--border-gold);cursor:pointer;background:#0f0f0f;border-radius:20px;flex:1;min-width:140px;padding:14px 20px;transition:all .2s}.manager-notifications-page .stat-card:hover{border-color:var(--gold)}.manager-notifications-page .stat-card.active-filter{border-color:var(--gold);background:#d4af371a}.manager-notifications-page .stat-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:.68rem}.manager-notifications-page .stat-num{color:var(--gold);margin:4px 0 2px;font-size:1.8rem;font-weight:800}.manager-notifications-page .stat-sub{color:#555;font-size:.65rem}.manager-notifications-page .filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.manager-notifications-page .filter-chip{cursor:pointer;color:#888;background:#0f0f0f;border:1px solid #0000;border-radius:40px;padding:6px 16px;font-family:inherit;font-size:.78rem;transition:all .2s}.manager-notifications-page .filter-chip.active{border-color:var(--gold);color:var(--gold);background:#d4af3726}.manager-notifications-page .filter-chip:hover{border-color:var(--border-gold);color:#ddd}.manager-notifications-page .search-box{border:1px solid var(--border-gold);background:#0f0f0f;border-radius:40px;align-items:center;gap:10px;margin-left:auto;padding:7px 18px;display:flex}.manager-notifications-page .search-box input{color:#fff;background:0 0;border:none;outline:none;width:180px;font-family:inherit;font-size:.82rem}.manager-notifications-page .notif-list{flex-direction:column;gap:10px;display:flex}.manager-notifications-page .notif-item{border:1px solid var(--border-gold);background:#0f0f0f;border-radius:18px;align-items:flex-start;gap:14px;padding:16px 20px;transition:all .2s;animation:.3s mgr-notif-slideIn;display:flex;position:relative}.manager-notifications-page .notif-item.unread{border-left:3px solid var(--gold);background:#111008}.manager-notifications-page .notif-item.new-flash{animation:.6s mgr-notif-flash}.manager-notifications-page .notif-item:hover{border-color:#d4af3780}.manager-notifications-page .notif-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.manager-notifications-page .icon-login{color:#4ade80;background:#4ade8026}.manager-notifications-page .icon-logout{color:#ef4444;background:#ef44441f}.manager-notifications-page .icon-checkin{color:#60a5fa;background:#3b82f626}.manager-notifications-page .icon-checkout{color:#a78bfa;background:#8b5cf626}.manager-notifications-page .icon-late{color:#fbb824;background:#f59e0b33}.manager-notifications-page .icon-leave{color:var(--gold);background:#d4af3726}.manager-notifications-page .icon-break{color:#22d3ee;background:#06b6d41f}.manager-notifications-page .icon-payslip{color:#4ade80;background:#4ade801f}.manager-notifications-page .icon-default{color:#888;background:#ffffff0f}.manager-notifications-page .notif-body{flex:1;min-width:0}.manager-notifications-page .notif-desc{color:#ddd;font-size:.85rem;line-height:1.4}.manager-notifications-page .notif-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.manager-notifications-page .notif-time{color:#555;font-size:.7rem}.manager-notifications-page .notif-branch{color:var(--gold);background:#1a1a1a;border-radius:12px;padding:2px 8px;font-size:.7rem}.manager-notifications-page .action-badge{color:#aaa;text-transform:uppercase;letter-spacing:.5px;background:#d4af371a;border-radius:12px;padding:2px 8px;font-size:.65rem}.manager-notifications-page .notif-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.manager-notifications-page .btn-read{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:20px;padding:4px 12px;font-size:.72rem;transition:all .2s}.manager-notifications-page .btn-read:hover{border-color:var(--gold);color:var(--gold)}.manager-notifications-page .unread-dot{background:var(--gold);width:8px;height:8px;box-shadow:0 0 4px var(--gold);border-radius:50%;position:absolute;top:14px;right:14px}.manager-notifications-page .empty-state{text-align:center;color:#555;padding:60px}.manager-notifications-page .empty-state i{opacity:.3;margin-bottom:16px;font-size:3rem;display:block}.manager-notifications-page .live-badge-topbar{color:#4ade80;background:#0f1a0a;border:1px solid #4ade80;border-radius:40px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:600;display:flex}.manager-notifications-page .live-pulse{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:1.2s infinite mgr-notif-pulse;box-shadow:0 0 5px #4ade80}.manager-notifications-page .toast{border:1px solid var(--gold);color:var(--gold);z-index:9999;opacity:0;pointer-events:none;background:#111;border-radius:40px;padding:10px 22px;font-size:.82rem;font-weight:600;transition:all .3s;position:fixed;bottom:28px;right:28px;transform:translateY(10px)}.manager-notifications-page .toast.show{opacity:1;transform:translateY(0)}.manager-notifications-page .toast.success{color:#4ade80;border-color:#4ade80}.manager-notifications-page .toast.error{color:#ef4444;border-color:#ef4444}.manager-notifications-page #bellBadge,#bellBadge{color:#fff;background:#ef4444;border-radius:20px;margin-left:4px;padding:2px 6px;font-size:.6rem;font-weight:700;display:none}@keyframes mgr-notif-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes mgr-notif-slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes mgr-notif-flash{0%,to{background:#0f0f0f}50%{background:#d4af371f}}@media (width<=900px){.manager-notifications-page .content{padding:16px}}