@media (width<=640px){.form-grid{grid-template-columns:1fr}}:root,[data-theme=light]{--primary:#0082ff;--primary-hover:#06c;--primary-glow:#0082ff26;--accent:#10b981;--accent-glow:#10b9811a;--bg:#f0f2f5;--surface:#fff;--surface-hover:#f8fafc;--surface-bright:#fff;--text-main:#1e293b;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-dim:#94a3b8;--border:#00000014;--glass-border:#0000000f;--glass:#ffffffd9;--glass-rich:#fffffff2;--highlight:#0082ff0d;--highlight-mid:#0082ff1a;--success:#10b981;--success-bg:#10b9811a;--error:#ef4444;--error-bg:#ef44441a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--shadow-sm:0 2px 4px #0000000a;--shadow-md:0 8px 16px #00000014;--shadow-lg:0 20px 40px #0000001f;--shadow-card:0 0 0 1px #0000000d, 0 4px 12px #0000000a;--glass-blur:blur(16px);--ease-premium:cubic-bezier(.16, 1, .3, 1);--mesh:radial-gradient(at 0% 0%, #0082ff0d 0px, transparent 50%), radial-gradient(at 100% 100%, #10b98108 0px, transparent 50%);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:9999px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}[data-theme=dark]{--primary:#00a3ff;--primary-hover:#0082cc;--primary-glow:#00a3ff4d;--bg:#0d1117;--surface:#161b22;--surface-hover:#21262d;--surface-bright:#30363d;--border:#ffffff1a;--glass-border:#ffffff14;--glass:#161b22cc;--glass-rich:#0d1117e6;--highlight:#ffffff08;--highlight-mid:#ffffff0f;--text-main:#e6edf3;--text-primary:#fff;--text-secondary:#8b949e;--text-tertiary:#6e7681;--text-dim:#484f58;--success-bg:#10b98126;--error-bg:#ef444426;--warning-bg:#f59e0b26;--shadow-sm:0 4px 12px #00000080;--shadow-lg:0 30px 60px #000000b3;--mesh:radial-gradient(circle at top right, #00a3ff1a, transparent 600px), radial-gradient(circle at bottom left, #00a3ff0d, transparent 600px)}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg);color:var(--text-main);width:100%;max-width:100vw;margin:0;padding:0;font-family:Be Vietnam Pro,sans-serif;position:relative;overflow-x:hidden}body{background-image:var(--mesh);background-attachment:fixed;min-height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);padding:24px}.glass-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-family:inherit;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;box-shadow:0 8px 20px -4px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 12px 24px -4px var(--primary-glow);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--text-primary);font-weight:800}.logo-text{letter-spacing:-.5px;text-transform:uppercase;color:var(--text-main);align-items:center;font-size:22px;font-weight:900;display:inline-flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=768px){:root{--spacing-lg:16px;--spacing-xl:24px}.glass-card{border-radius:var(--radius-md);padding:16px}.btn{padding:10px 20px;font-size:14px}}.mobile-only{display:none}@media (width<=1024px){.mobile-only{display:block}.desktop-only{display:none}}.back-btn,.back-btn-compact,.btn-back{background:var(--surface-hover)!important;border:1px solid var(--border)!important;width:38px!important;height:38px!important;color:var(--text-secondary)!important;cursor:pointer!important;transition:all .25s var(--ease-premium)!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.back-btn:hover,.back-btn-compact:hover,.btn-back:hover{background:var(--primary-glow)!important;color:var(--primary)!important;border-color:var(--primary)!important;box-shadow:var(--shadow-sm)!important;transform:scale(1.05)translate(-2px)!important}.back-btn:active,.back-btn-compact:active,.btn-back:active{transform:scale(.95)translate(-2px)!important}input::-ms-reveal{display:none}input::-ms-clear{display:none}.landing-page{--primary:#3b82f6;--primary-glow:#3b82f640;--success:#10b981;--success-glow:#10b98140;--danger:#ef4444;--danger-glow:#ef444440;--accent:#8b5cf6;--bg-deep:#020203;--surface:#0a0a0b;--surface-brighter:#121214;--border:#ffffff0f;--text-main:#fff;--text-dim:#94a3b8;--glass:#0a0a0bbf;--ease-premium:cubic-bezier(.16, 1, .3, 1)}.landing-page.light{--primary:#2563eb;--primary-glow:#2563eb26;--success:#059669;--success-glow:#05966926;--danger:#dc2626;--danger-glow:#dc262626;--bg-deep:#f8fafc;--surface:#fff;--surface-brighter:#f1f5f9;--border:#00000014;--text-main:#0f172a;--text-dim:#64748b;--glass:#ffffffd9}.landing-page{background-color:var(--bg-deep);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;transition:background-color .5s,color .5s;position:relative;overflow-x:hidden}.bg-glow-1{filter:blur(140px);z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f61f 0%,#0000 70%);width:70vw;height:70vw;animation:15s infinite alternate pulse-slow;position:absolute;top:-20vh;right:-10vw}.bg-glow-2{filter:blur(140px);z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf614 0%,#0000 70%);width:65vw;height:65vw;animation:20s infinite alternate-reverse pulse-slow;position:absolute;top:60vh;left:-20vw}@keyframes pulse-slow{0%{transform:translate(0)scale(1)}to{transform:translate(4vw,4vh)scale(1.05)}}.landing-nav{z-index:1000;background:var(--glass);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 6%;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.logo-text{letter-spacing:-1.5px;font-size:24px;font-weight:900}.logo-text span{color:var(--primary)}.nav-links{align-items:center;gap:24px;display:flex}.nav-link-item{color:var(--text-dim);font-size:14px;font-weight:600;text-decoration:none;transition:color .3s}.nav-link-item:hover{color:var(--text-main)}.nav-tool-btn{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:8px 12px;transition:all .3s;display:flex}.nav-tool-btn:hover{background:var(--surface-brighter);border-color:var(--primary)}.lang-text{margin-left:6px;font-size:13px;font-weight:700}.btn-get-started{background:var(--primary);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-width:160px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.btn-get-started:hover{box-shadow:0 12px 24px -8px var(--primary-glow);transform:translateY(-2px)}.hero-section{z-index:5;align-items:center;min-height:90vh;padding:120px 6% 80px;display:flex;position:relative}.hero-container{grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;width:100%;max-width:1800px;margin:0 auto;display:grid}.hero-text-content{flex-direction:column;justify-content:center;display:flex}.hero-text-content h1{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(40px,5.5vw,84px);font-weight:900;line-height:1.05}.hero-text-content h1 span{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.hero-text-content p{color:var(--text-dim);max-width:580px;margin-bottom:40px;font-size:20px;line-height:1.5}.hero-actions{gap:16px;margin-bottom:48px;display:flex}.btn-hero-primary{background:var(--primary);color:#fff;transition:all .3s var(--ease-premium);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;min-width:200px;padding:16px 32px;font-size:16px;font-weight:800;text-decoration:none;display:flex}.btn-hero-primary:hover{box-shadow:0 20px 40px -10px var(--primary-glow);transform:translateY(-3px)}.btn-hero-secondary{background:var(--surface-brighter);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:16px;flex-shrink:0;min-width:200px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .3s}.btn-hero-secondary:hover{background:var(--border);border-color:var(--text-dim)}.hero-trust-badge{align-items:center;gap:16px;display:flex}.proof-avatars{align-items:center;display:flex}.avatar-img{border:3px solid var(--bg-deep);background:var(--surface-brighter);object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px;margin-left:-12px}.avatar-img:first-child{margin-left:0}.hero-trust-badge span{color:var(--text-dim);font-size:14px;font-weight:600}.hero-simulator-wrapper{border:1px solid var(--border);transition:border-color .5s var(--ease-premium), box-shadow .5s var(--ease-premium);background:linear-gradient(135deg,#ffffff05,#ffffff03);border-radius:32px;padding:12px;position:relative;overflow:hidden;box-shadow:0 40px 100px -25px #0009}.hero-simulator-wrapper.breached{border-color:var(--danger);box-shadow:0 40px 100px -25px var(--danger-glow)}.terminal-dashboard{background:var(--surface);border:1px solid #ffffff0a;border-radius:22px;overflow:hidden}.terminal-header{background:var(--surface-brighter);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.terminal-status-indicator{align-items:center;gap:10px;display:flex}.status-led{border-radius:50%;width:10px;height:10px;position:relative}.status-led.active{background-color:var(--success);box-shadow:0 0 8px var(--success)}.status-led.scanning{background-color:var(--primary);box-shadow:0 0 8px var(--primary);animation:1s infinite alternate status-scanning-pulse}@keyframes status-scanning-pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.2)}}.status-led.alert{background-color:var(--danger);box-shadow:0 0 8px var(--danger);animation:.5s infinite alternate status-alert-pulse}@keyframes status-alert-pulse{0%{opacity:.3}to{opacity:1}}.status-text{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:750}.terminal-clock{color:var(--primary);font-family:monospace;font-size:12px;font-weight:600}.terminal-grid{flex-direction:column;display:flex}.terminal-main-display{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.terminal-widget{flex-direction:column;padding:24px;display:flex}.terminal-widget:first-child{border-right:1px solid var(--border)}.widget-header{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:750;display:flex}.accent-color{color:var(--primary)}.scanner-viewport,.radar-viewport{background:var(--bg-deep);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.scan-state-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.state-idle{color:var(--text-dim)}.idle-user-icon{opacity:.2;margin-bottom:12px;animation:4s ease-in-out infinite bounce-slow}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.state-idle span{color:var(--text-main);margin-bottom:4px;font-size:13px;font-weight:700}.state-idle p{color:var(--text-dim);font-size:11px}.state-scanning{position:relative}.scanning-face-box{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:12px;display:flex;position:relative}.scanning-hud-svg{width:100%;height:100%;animation:20s linear infinite rotate-hud;position:absolute;top:0;left:0}@keyframes rotate-hud{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scanning-avatar-preview{object-fit:cover;border:2px solid var(--primary);background:var(--surface-brighter);border-radius:50%;width:70px;height:70px;animation:1.5s infinite alternate glow-pulse-avatar}@keyframes glow-pulse-avatar{0%{box-shadow:0 0 5px #3b82f633}to{box-shadow:0 0 15px #3b82f699}}.scanning-beam{background:var(--primary);height:2px;box-shadow:0 0 8px var(--primary);z-index:5;animation:2s ease-in-out infinite scanner-sweep;position:absolute;top:15%;left:10%;right:10%}@keyframes scanner-sweep{0%,to{opacity:.3;top:15%}50%{opacity:1;top:85%}}.live-percentage{color:var(--primary);letter-spacing:1px;font-family:monospace;font-size:11px;font-weight:700}.state-verified,.state-breached{animation:result-fade-in .4s var(--ease-premium);flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes result-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.result-icon-success{color:var(--success);filter:drop-shadow(0 0 6px var(--success-glow));margin-bottom:16px}.result-icon-danger{color:var(--danger);filter:drop-shadow(0 0 6px var(--danger-glow));margin-bottom:16px}.result-profile-card{background:var(--surface-brighter);border:1px solid var(--border);text-align:left;border-radius:16px;align-items:center;gap:16px;width:90%;padding:12px 20px;display:flex}.result-profile-avatar{background:var(--bg-deep);border:1px solid var(--border);border-radius:50%;width:50px;height:50px}.result-profile-info{flex-direction:column;display:flex}.result-profile-info h5{margin:0 0 4px;font-size:14px;font-weight:700}.profile-id{color:var(--text-dim);margin-bottom:6px;font-size:11px}.profile-badge{letter-spacing:.5px;border-radius:20px;align-self:flex-start;padding:3px 8px;font-size:9px;font-weight:800;display:inline-block}.profile-badge.safe{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.profile-badge.unsafe{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.radar-grid-svg{width:85%;height:85%}.radar-grid-ring{fill:none;stroke:var(--border);stroke-width:.5px}.radar-limit-boundary{fill:#10b98108;stroke:var(--success);stroke-width:1.5px;stroke-dasharray:4 4;transition:all .5s}.radar-limit-boundary.limit-breached{fill:#ef44440d;stroke:var(--danger);animation:1s infinite alternate geofence-flash}@keyframes geofence-flash{0%{stroke-opacity:.4;fill-opacity:.02}to{stroke-opacity:1;fill-opacity:.08}}.radar-sweep-line{stroke:var(--primary);stroke-width:.75px;opacity:.4;transform-origin:50px 50px;animation:6s linear infinite radar-sweep-rotate}@keyframes radar-sweep-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-worker-node{transition:cx .5s,cy .5s,r .3s}.radar-worker-node.static-node{fill:var(--text-dim);opacity:.6}.radar-worker-node.safe-pulse{fill:var(--success)}.radar-worker-node.breached-pulse{fill:var(--danger)}.radar-worker-pulse-ring{fill:none;stroke-width:1px;transform-origin:50%;animation:1.5s ease-out infinite radar-ping}.radar-worker-pulse-ring.safe{stroke:var(--success)}.radar-worker-pulse-ring.danger{stroke:var(--danger)}@keyframes radar-ping{0%{r:4px;opacity:1}to{r:16px;opacity:0}}.radar-coordinates{color:var(--text-dim);font-family:monospace;font-size:10px;position:absolute;bottom:12px;right:16px}.terminal-control-deck{background:var(--surface-brighter);padding:24px}.control-deck-actions{gap:12px;margin-bottom:16px;display:flex}.control-deck-btn{cursor:pointer;border:1px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:750;transition:all .25s;display:flex}.btn-action-success{color:var(--success);background:#10b98114;border-color:#10b98126}.btn-action-success:hover:not(.disabled){background:var(--success);color:#fff;box-shadow:0 8px 16px -4px var(--success-glow)}.btn-action-danger{color:var(--danger);background:#ef444414;border-color:#ef444426}.btn-action-danger:hover:not(.disabled){background:var(--danger);color:#fff;box-shadow:0 8px 16px -4px var(--danger-glow)}.btn-action-reset{background:var(--bg-deep);color:var(--text-main);border-color:var(--border)}.btn-action-reset:hover:not(.disabled){background:var(--border)}.control-deck-btn.disabled{opacity:.4;cursor:not-allowed}.control-deck-logs{background:var(--bg-deep);border:1px solid var(--border);border-radius:12px;padding:12px 16px}.logs-scroller{flex-direction:column;gap:6px;height:70px;font-family:monospace;font-size:11px;display:flex;overflow-y:auto}.logs-scroller::-webkit-scrollbar{width:4px}.logs-scroller::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.log-entry{gap:8px;line-height:1.4;display:flex}.log-time-stamp{color:var(--text-dim);flex-shrink:0}.log-entry.info .log-msg-text{color:var(--text-dim)}.log-entry.success .log-msg-text{color:var(--success)}.log-entry.alert .log-msg-text{color:var(--danger);font-weight:700}.stats-strip{background:var(--surface);z-index:10;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 6%;position:relative}.stats-container{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1600px;margin:0 auto;display:grid}.stat-node{background:var(--bg-deep);border:1px solid var(--border);transition:all .4s var(--ease-premium);border-radius:24px;padding:32px 40px;position:relative;overflow:hidden}.stat-node:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 20px 40px #0006}.stat-node:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:0;height:1px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.stat-node:hover:before{opacity:1}.node-val{letter-spacing:-2px;color:var(--text-main);margin-bottom:6px;font-size:48px;font-weight:900;display:block}.node-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.status-pulse{background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%;animation:2s infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.features-grid-section{max-width:1800px;margin:0 auto;padding:100px 6% 80px}.section-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.section-header .sub-title{color:var(--primary);text-transform:uppercase;letter-spacing:4px;margin-bottom:12px;font-size:13px;font-weight:800;display:block}.section-header h2{letter-spacing:-2.5px;font-size:clamp(32px,4.5vw,64px);font-weight:900;line-height:1.1}.mosaic-grid{grid-template-rows:repeat(2,480px);grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.mosaic-card{background:var(--surface);border:1px solid var(--border);transition:all .4s var(--ease-premium);border-radius:36px;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.mosaic-card:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 30px 60px #00000080}.mosaic-card.c-biometric{grid-column:span 7}.mosaic-card.c-geofence,.mosaic-card.c-telemetry{grid-column:span 5}.mosaic-card.c-payroll{grid-column:span 7}.mosaic-card h3{letter-spacing:-1.5px;margin-bottom:12px;font-size:32px;font-weight:800}.mosaic-card p{color:var(--text-dim);max-width:440px;font-size:15px;line-height:1.6}.card-icon-box{background:var(--surface-brighter);border:1px solid var(--border);width:56px;height:56px;color:var(--primary);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.vector-card-visual{pointer-events:none;justify-content:flex-end;align-items:flex-end;width:260px;height:220px;display:flex;position:absolute;bottom:0;right:0}.biometrics-vector-visual{opacity:.85;width:240px;height:240px;bottom:10px;right:20px}.vector-face-grid{width:100%;height:100%}.vector-face-contour{stroke:var(--primary);stroke-dasharray:4 4}.vector-hud-dot{fill:var(--primary);animation:2s infinite alternate hud-dot-pulse}@keyframes hud-dot-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.3)}}.dot-1{animation-delay:.1s}.dot-2{animation-delay:.3s}.dot-3{animation-delay:.5s}.dot-4{animation-delay:.7s}.dot-5{animation-delay:.9s}.dot-6{animation-delay:1.1s}.dot-7{animation-delay:1.3s}.vector-scan-laser{background:var(--primary);height:1.5px;box-shadow:0 0 6px var(--primary);animation:4s ease-in-out infinite laser-bounce;position:absolute;left:10%;right:10%}@keyframes laser-bounce{0%,to{bottom:15%}50%{bottom:85%}}.geofence-vector-visual{justify-content:center;align-items:center;width:100%;height:240px;display:flex;position:relative}.radial-pulse-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.geofence-core-hub{background:var(--bg-deep);border:1px solid var(--border);z-index:5;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.geofence-pulse-ring{border:1px solid var(--primary);opacity:0;border-radius:50%;width:44px;height:44px;animation:2.8s ease-out infinite map-ripple;position:absolute}@keyframes map-ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(4.5)}}.drifter-worker-node{background:var(--accent);width:8px;height:8px;box-shadow:0 0 6px var(--accent);border-radius:50%;animation:6s ease-in-out infinite node-drift;position:absolute}@keyframes node-drift{0%{transform:translate(-40px,-20px)}50%{transform:translate(50px,40px)}to{transform:translate(-40px,-20px)}}.telemetry-vector-visual{justify-content:center;align-items:center;width:90%;height:220px;bottom:12px;left:5%}.telemetry-live-svg{width:100%;height:100%}.telemetry-wave-path{transform-origin:50%}.wave-path-1{stroke-dasharray:400;stroke-dashoffset:400px;animation:4s linear infinite draw-wave}.wave-path-2{stroke-dasharray:400;stroke-dashoffset:400px;animation:draw-wave 6s infinite linear-reverse}@keyframes draw-wave{to{stroke-dashoffset:0}}.telemetry-pulse-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 6px var(--accent);border-radius:50%;animation:4s linear infinite trace-dot;position:absolute;left:0}@keyframes trace-dot{0%{bottom:48%;left:0%}25%{bottom:78%}50%{bottom:48%;left:50%}75%{bottom:18%}to{bottom:48%;left:100%}}.payroll-vector-visual{width:320px;height:240px;bottom:24px;right:24px}.payroll-simulated-terminal{background:var(--bg-deep);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex;box-shadow:0 20px 40px #0006}.payroll-item-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.payroll-indicator{border-radius:50%;width:8px;height:8px}.payroll-indicator.active{background:var(--success);box-shadow:0 0 6px var(--success)}.payroll-indicator.processing{background:var(--primary);box-shadow:0 0 6px var(--primary);animation:1s infinite pulse-ring}.payroll-label-text{color:var(--text-dim);flex:1;font-family:monospace;font-size:11px}.payroll-status-badge{color:var(--success);background:#10b9811a;border:1px solid #10b98126;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.payroll-progress-tracker{background:var(--bg-deep);border-radius:10px;width:60px;height:4px;overflow:hidden}.payroll-fill-bar{background:var(--primary);height:100%;animation:2s ease-out infinite progress-fill}@keyframes progress-fill{0%{width:0%}to{width:100%}}.cta-section{padding:40px 6% 100px;position:relative}.cta-control-center{background:linear-gradient(135deg, var(--surface-brighter), var(--surface));border:1px solid var(--border);border-radius:48px;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;padding:100px 80px;display:flex;position:relative;overflow:hidden}.cta-glow-orb{filter:blur(80px);background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;right:-100px}.cta-text-side{z-index:5;flex:1.2;max-width:680px;position:relative}.cta-text-side h2{letter-spacing:-3px;margin-bottom:24px;font-size:clamp(36px,5vw,68px);font-weight:900;line-height:1.05}.cta-text-side p{color:var(--text-dim);margin-bottom:40px;font-size:18px;line-height:1.5}.cta-visual-side{z-index:5;flex:.8;justify-content:flex-end;display:flex;position:relative}.rotating-globe-icon{color:var(--primary);opacity:.25;animation:60s linear infinite rotate-hud}.btn-cta-launch{background:var(--text-main);color:var(--bg-deep);border-radius:18px;align-items:center;gap:12px;padding:20px 48px;font-size:18px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.btn-cta-launch:hover{transform:scale(1.05);box-shadow:0 20px 40px #ffffff1a}.landing-footer{background:var(--surface);border-top:1px solid var(--border);padding:100px 6% 48px}.footer-top{grid-template-columns:1.2fr 2fr;gap:80px;max-width:1600px;margin:0 auto 64px;display:grid}.footer-brand p{color:var(--text-dim);max-width:320px;margin-top:20px;font-size:14px;line-height:1.6}.footer-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer-col h4{color:var(--text-main);margin-bottom:20px;font-size:15px;font-weight:800}.footer-col a{color:var(--text-dim);margin-bottom:12px;font-size:14px;text-decoration:none;transition:color .3s;display:block}.footer-col a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);max-width:1600px;color:var(--text-dim);justify-content:space-between;margin:0 auto;padding-top:32px;font-size:13px;display:flex}.legal-links{gap:24px;display:flex}.legal-links a{color:var(--text-dim);text-decoration:none;transition:color .3s}.legal-links a:hover{color:var(--text-main)}@media (width<=1200px){.hero-section{min-height:auto;padding-bottom:40px}.hero-container{grid-template-columns:1fr;gap:40px}.stats-strip{padding:40px 6%}.mosaic-grid{grid-template-rows:auto;gap:20px}.mosaic-card{gap:24px;height:auto;min-height:auto;grid-column:span 12!important}.vector-card-visual{justify-content:center;align-items:center;width:100%;height:180px;margin-top:20px;position:relative;bottom:auto;right:auto}.biometrics-vector-visual{width:180px;height:180px}.payroll-vector-visual{width:100%;max-width:320px}.stats-container{grid-template-columns:repeat(2,1fr)}.cta-control-center{text-align:center;flex-direction:column;padding:60px 40px}.cta-text-side{max-width:100%;margin-bottom:40px}.cta-visual-side{justify-content:center}}@media (width<=768px){.hero-section{min-height:auto;padding:90px 6% 20px}.stats-strip{padding:24px 6%}.features-grid-section{padding:60px 6% 40px}.terminal-main-display{grid-template-columns:1fr}.terminal-widget:first-child{border-right:none;border-bottom:1px solid var(--border)}.control-deck-actions{flex-direction:column}.stats-container{grid-template-columns:repeat(2,1fr);gap:12px}.stat-node{padding:24px 20px}.node-val{font-size:28px}.node-label{font-size:10px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.hero-actions{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%}.logo-text{font-size:20px}.nav-link-item{display:none}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:16px}}.auth-split-page{background-color:var(--bg-deep);width:100vw;min-height:100vh;color:var(--text-main);font-family:Inter,sans-serif;transition:background-color .5s,color .5s;display:flex;overflow:hidden}.auth-left-panel{background:linear-gradient(135deg,#020617 0%,#0f172a 100%);border-right:1px solid #ffffff0a;flex-direction:column;flex:1.1;justify-content:space-between;padding:60px;display:flex;position:relative;overflow:hidden}.landing-page.light .auth-left-panel,.auth-split-page.light .auth-left-panel{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.left-panel-grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.left-panel-orb{filter:blur(60px);pointer-events:none;z-index:1;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:400px;height:400px;position:absolute;top:30%;left:20%}.left-logo{letter-spacing:-1.5px;z-index:10;color:#fff;font-size:24px;font-weight:900;position:relative}.left-logo span{color:var(--primary)}.left-panel-body{z-index:10;max-width:580px;margin-top:auto;margin-bottom:auto;position:relative}.left-panel-tag{color:var(--primary);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:11px;font-weight:800;display:inline-block}.left-panel-body h1{letter-spacing:-2px;color:#fff;margin-bottom:24px;font-size:48px;font-weight:900;line-height:1.15}.left-panel-body p{color:#94a3b8;font-size:17px;line-height:1.6}.left-panel-graphic{color:var(--primary);opacity:.15;pointer-events:none;z-index:0;position:absolute;top:50%;right:-80px;transform:translateY(-50%)}.rotating-graphic{animation:120s linear infinite rotate-compass}@keyframes rotate-compass{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.left-panel-footer{letter-spacing:1px;color:#64748b;text-transform:uppercase;z-index:10;justify-content:space-between;font-size:11px;font-weight:600;display:flex;position:relative}.auth-right-panel{background-color:var(--surface);flex-direction:column;flex:1;justify-content:space-between;padding:60px;display:flex;position:relative}.auth-split-page.light .auth-right-panel{background-color:#f8fafc}.right-panel-top-bar{justify-content:flex-end;align-items:center;width:100%;display:flex}.mobile-logo{letter-spacing:-1px;font-size:24px;font-weight:900;display:none}.mobile-logo span{color:var(--primary)}.right-panel-controls{gap:12px;display:flex}.panel-btn{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex}.panel-btn:hover{background:var(--surface-brighter);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.panel-btn.lang-btn{gap:6px;width:auto;padding:0 14px;font-size:12px;font-weight:700}.right-panel-auth-deck{width:100%;max-width:440px;margin:auto}.auth-deck-header{margin-bottom:32px}.deck-tag-pre{letter-spacing:1.5px;color:var(--primary);text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:800;display:inline-block}.auth-deck-header h2{letter-spacing:-2px;margin:0 0 8px;font-size:38px;font-weight:900}.auth-deck-header p{color:var(--text-dim);margin:0;font-size:15px}.auth-tabs-slider{background:var(--surface-brighter);border:1px solid var(--border);border-radius:16px;margin-bottom:28px;padding:4px;display:flex;position:relative}.tab-slider-bg{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:calc(50% - 4px);transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:4px;bottom:4px;box-shadow:0 4px 10px #0003}.auth-split-page.light .tab-slider-bg{background:#fff;box-shadow:0 4px 10px #0000000d}.tab-slider-bg.left{transform:translate(0)}.tab-slider-bg.right{transform:translate(100%)}.tab-btn-slide{color:var(--text-dim);cursor:pointer;z-index:5;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:13px;font-weight:700;transition:color .3s}.tab-btn-slide.active{color:var(--text-main)}.deck-form{flex-direction:column;gap:20px;display:flex}.form-group-deck{flex-direction:column;gap:8px;display:flex}.form-group-deck label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-left:4px;font-size:12px;font-weight:700}.input-group-deck{align-items:center;display:flex;position:relative}.input-icon-deck{color:var(--text-dim);opacity:.7;pointer-events:none;position:absolute;left:18px}.input-group-deck input{background:var(--surface-brighter);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:16px;outline:none;padding:14px 20px 14px 48px;font-size:15px;transition:all .25s}.input-group-deck input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-glow)}.auth-split-page.light .input-group-deck input:focus{background:#fff}.pass-eye-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:16px}.form-action-row{justify-content:space-between;align-items:center;margin-top:4px;font-size:13px;display:flex}.checkbox-deck{color:var(--text-dim);cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.forgot-key-link{color:var(--primary);font-weight:600;text-decoration:none}.btn-deck-primary{background:var(--primary);color:#fff;cursor:pointer;height:52px;box-shadow:0 10px 20px -6px var(--primary-glow);transition:all .3s var(--ease-premium);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:15px;font-weight:800;display:flex}.btn-deck-primary:hover:not(:disabled){box-shadow:0 16px 28px -6px var(--primary-glow);transform:translateY(-2px)}.btn-deck-primary:disabled{opacity:.6;cursor:not-allowed}.deck-error-box{color:var(--danger);background:#ef444414;border:1px solid #ef444426;border-radius:14px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 16px;font-size:13px;font-weight:600;animation:.4s ease-in-out shake;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.deck-test-credentials{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.test-creds-label{letter-spacing:1px;color:var(--text-dim);text-transform:uppercase;text-align:center;margin-bottom:12px;font-size:10px;font-weight:800;display:block}.test-creds-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.test-cred-btn{background:var(--surface-brighter);border:1px solid var(--border);color:var(--text-main);cursor:pointer;text-align:center;border-radius:12px;padding:10px 0;font-size:12px;font-weight:700;transition:all .2s}.test-cred-btn:hover{background:var(--border);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.auth-split-page.light .test-cred-btn{background:#f1f5f9}.auth-split-page.light .test-cred-btn:hover{background:#e2e8f0}.deck-footer-status{justify-content:center;margin-top:36px;display:flex}.security-status-node{letter-spacing:1px;color:var(--success);align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.status-ping-pulse{background:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%;animation:2s infinite pulse-ring}@media (width<=1024px){.auth-left-panel{display:none}.auth-right-panel{justify-content:flex-start;align-items:center;padding:40px}.right-panel-top-bar{justify-content:space-between}.mobile-logo{display:block}.right-panel-controls{position:static}}@media (width<=480px){.auth-right-panel{padding:24px}.auth-deck-header h2{font-size:30px}.input-group-deck input{padding:12px 16px 12px 42px;font-size:14px}.input-icon-deck{left:14px}}.dashboard-watt{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.identity-section-watt{align-items:center;gap:20px;display:flex}.user-avatar-watt{width:56px;height:56px;position:relative}.user-avatar-watt img{object-fit:cover;border:2px solid var(--border);border-radius:14px;width:100%;height:100%}.status-ring-watt{background:var(--accent);border:2.5px solid var(--bg);width:14px;height:14px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.welcome-group-watt h1{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:28px;font-weight:800}.role-chip-watt{color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#10b9811a,#10b98105);border:1px solid #10b9814d;border-radius:99px;align-items:center;gap:8px;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #10b98126}.role-chip-watt:before{content:"";background:linear-gradient(90deg,#0000,#10b98133,#0000);width:50%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.page-title{color:var(--text-primary);letter-spacing:-.8px;margin:0;font-size:32px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:15px}.watt-btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.watt-btn.primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.watt-btn.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.watt-btn.secondary{background:var(--surface-hover);color:var(--text-secondary)}.watt-btn.secondary:hover{background:#cbd5e1}.stats-grid-watt{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.watt-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.watt-card:before{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);opacity:0;pointer-events:none;z-index:0;width:150px;height:150px;transition:opacity .3s;position:absolute;top:0;right:0}.watt-card:hover{border-color:#3b82f64d;transform:translateY(-6px);box-shadow:0 12px 30px #00000014}.watt-card:hover:before{opacity:1}.stat-card{z-index:1;flex-direction:column;gap:24px;display:flex;position:relative}.stat-card-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-icon-box{background:var(--surface-hover);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:inset 0 2px 4px #ffffff1a}.stat-trend-badge{border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:700;display:flex}.stat-trend-label{color:var(--text-tertiary);background:var(--surface-hover);text-transform:uppercase;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}[data-theme=dark] .stat-trend-label{background:var(--surface-hover)}.stat-card-content{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:600}.stat-value-group{align-items:baseline;gap:6px;display:flex}.stat-value{color:var(--text-primary);letter-spacing:-1px;margin:0;font-size:32px;font-weight:800}.stat-unit{color:var(--text-tertiary);font-size:14px;font-weight:600}.main-charts-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.card-header-watt{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.chart-legend-watt{gap:16px;display:flex}.legend-item .dot{border-radius:50%;width:10px;height:10px}.legend-item .dot.active{background:var(--primary)}.legend-item .dot.baseline{background:#e2e8f0}.chart-wrapper-watt{width:100%;height:320px}.asset-list{flex-direction:column;gap:20px;max-height:310px;padding-right:6px;display:flex;overflow-y:auto}.asset-item{flex-direction:column;gap:10px;display:flex}.asset-info{justify-content:space-between;align-items:center;display:flex}.asset-name{color:var(--text-primary);font-size:14px;font-weight:700}.asset-value{color:var(--primary);font-size:12px;font-weight:700}.asset-progress-bg{background:var(--border);border-radius:4px;height:8px;overflow:hidden}[data-theme=dark] .asset-progress-bg{background:var(--border)}.asset-progress-fill{background:var(--primary);border-radius:4px;height:100%}.notifications-list-watt{flex-direction:column;gap:16px;display:flex}.notification-item-watt{background:var(--surface-hover);border-radius:12px;gap:16px;padding:12px;transition:transform .2s;display:flex}.notification-item-watt:hover{transform:translate(4px)}.n-icon-watt{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.n-icon-watt.alert{background:var(--warning-bg);color:var(--warning)}.n-icon-watt.approved{background:var(--success-bg);color:var(--success)}.n-text-watt strong{color:var(--text-primary);font-size:13px;display:block}.n-text-watt p{color:var(--text-secondary);margin:4px 0;font-size:12px;line-height:1.4}.n-text-watt span{color:var(--text-tertiary);font-size:11px;font-weight:600}.recent-events{padding:0;overflow:hidden}.recent-events .card-header-watt{padding:24px 24px 12px}.header-controls{gap:8px;display:flex}.icon-btn-small{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:4px}.events-table-wrapper{width:100%;overflow-x:auto}.events-table{border-collapse:collapse;width:100%}.events-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);background:var(--surface-hover);padding:16px 24px;font-size:11px;font-weight:700}[data-theme=dark] .events-table th{background:var(--surface-hover)}.events-table td{color:var(--text-main);border-bottom:1px solid var(--border);padding:16px 24px;font-size:14px}.events-table tr:last-child td{border-bottom:none}.timestamp{color:var(--text-secondary);font-weight:600}.entity{color:var(--text-primary);font-weight:700}.event-type{color:var(--text-secondary);font-weight:500}.status-pill{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.status-pill.success{background:var(--success-bg);color:var(--success)}.status-pill.warning{background:var(--warning-bg);color:var(--warning)}.table-action-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.table-action-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.dashboard-loading{height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:20px;font-weight:600;display:flex}.loading-spinner-watt{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state,.empty-chart-state,.empty-asset-state,.empty-table-state{text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.error-state h3{color:var(--text-primary);margin:0}.error-state p{max-width:300px;font-size:14px}.empty-chart-state{height:320px}.empty-table-state{padding:60px;font-weight:500}@media (width<=1400px){.main-charts-grid{grid-template-columns:1fr}}@media (width<=1024px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%;padding-bottom:8px;overflow-x:auto}.header-actions .watt-btn{white-space:nowrap;flex-shrink:0}}@media (width<=768px){.dashboard-header{margin-bottom:24px}.identity-section-watt{gap:12px}.welcome-group-watt h1{font-size:22px}.stats-grid-watt{grid-template-columns:1fr;gap:16px}.watt-card{padding:20px}.stat-value{font-size:28px}.chart-wrapper-watt{height:280px}.card-header-watt{flex-direction:column;align-items:flex-start;gap:12px}.chart-legend-watt{justify-content:space-between;width:100%}.events-table-wrapper{width:calc(100% + 40px);margin:0 -20px}.events-table th,.events-table td{padding:12px 16px}}@media (width<=480px){.welcome-group-watt h1{font-size:20px}.role-chip-watt{font-size:10px}.stat-value{font-size:24px}.watt-btn{padding:8px 16px;font-size:13px}.active-employees-list{grid-template-columns:1fr}}.active-employees-list{background:#3b82f60a;border:1px dashed #3b82f626;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;padding:8px;display:grid}[data-theme=dark] .active-employees-list{background:#3b82f605;border:1px dashed #3b82f61a}.active-employee-badge{color:var(--primary);box-sizing:border-box;background:#3b82f614;border:1px solid #3b82f633;border-radius:20px;justify-content:flex-start;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.active-employee-badge:hover{border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f61a}.active-employee-badge .status-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-active;box-shadow:0 0 8px #10b981}@keyframes pulse-active{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.dashboard-controls-block{align-items:center;gap:16px;display:flex}.dashboard-filters-deck{align-items:center;gap:12px;display:flex}.filter-mode-toggle{background:var(--surface-brighter);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;gap:2px;padding:3px;display:flex}.filter-mode-toggle .toggle-btn{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.filter-mode-toggle .toggle-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.filter-mode-toggle .toggle-btn:hover:not(.active){color:var(--text-primary);background:var(--surface-hover)}.global-search-input-wrapper{align-items:center;min-width:220px;display:flex;position:relative}.global-search-input{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);outline:none;padding:12px 36px;font-size:14px;font-weight:700;transition:all .25s}.global-search-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-glow)}.search-icon-global{color:var(--text-secondary);opacity:.7;pointer-events:none;position:absolute;left:14px}.search-clear-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;font-weight:600;line-height:1;position:absolute;right:12px}.search-clear-btn:hover{color:var(--text-primary)}.custom-date-sub-deck{background:var(--surface-brighter);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:4px 8px;display:flex}.date-type-selector{background:var(--border);border-radius:8px;gap:2px;padding:2px;display:flex}.sub-pill-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.sub-pill-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 6px #00000026}.sub-pill-btn:hover:not(.active){color:var(--text-primary)}.range-inputs-group{align-items:center;gap:8px;display:flex}.range-separator{color:var(--text-secondary);font-size:12px;font-weight:700}.range-input{max-width:135px}.dropdown-trigger-btn{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:12px;min-width:170px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.dropdown-overlay-deck{background:var(--glass);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border);z-index:100;border-radius:16px;width:280px;padding:10px 0;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 20px 40px #0006}.dashboard-watt.light .dropdown-overlay-deck{background:#fffffff2;box-shadow:0 20px 40px #00000014}.search-icon-inside{color:var(--text-secondary);opacity:.6;position:absolute;left:24px}.dashboard-watt.light .dropdown-search-box input:focus{background:#fff}.filter-date-input{background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;padding:11px 14px;font-size:14px;font-weight:700;transition:all .2s}.filter-date-input:focus{border-color:var(--primary);background:var(--surface)}@media (width<=1200px){.dashboard-controls-block{flex-direction:column;align-items:stretch;width:100%;margin-top:16px}.dashboard-filters-deck{flex-wrap:wrap;gap:8px;width:100%}.searchable-dropdown,.filter-date-input,.global-search-input-wrapper{flex:1;min-width:150px}.dropdown-trigger-btn,.dropdown-overlay-deck{width:100%}.custom-date-sub-deck{flex-direction:column;align-items:stretch;gap:8px;width:100%}.date-inputs-wrapper,.range-inputs-group{width:100%}.range-input{flex:1;max-width:none}}.attendance-prompt-banner{background:linear-gradient(135deg, var(--primary) 0%, #1e3a8a 100%);cursor:pointer;color:#fff;border:none;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:28px;padding:24px 28px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #3b82f640}.attendance-prompt-banner:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 50%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.attendance-prompt-banner:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 40px #3b82f666}.attendance-prompt-banner:hover:before{opacity:1;animation:10s linear infinite rotate-gradient}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.banner-left{align-items:center;gap:16px;display:flex}.banner-icon-pulse{color:#fff;box-sizing:content-box;background:#fff3;border-radius:50%;padding:10px;animation:2.5s ease-in-out infinite pulse-icon-white}@keyframes pulse-icon-white{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.banner-text h3{color:#fff;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:800}.banner-text p{color:#fffc;margin:4px 0 0;font-size:13px}.banner-btn{color:var(--primary);cursor:pointer;z-index:1;background:#fff;border:none;border-radius:12px;padding:12px 24px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #0000001a}.attendance-prompt-banner:hover .banner-btn{transform:scale(1.05);box-shadow:0 8px 20px #00000026}.attendance-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.attendance-modal-box{background:var(--glass-rich);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.modal-header-accent{background:var(--primary);height:4px}.modal-inner-content{text-align:center;flex-direction:column;align-items:center;padding:32px;display:flex}.modal-icon-circle{background:var(--primary-glow);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;animation:2s ease-in-out infinite pulse-icon;display:flex}.modal-inner-content h2{color:var(--text-primary);margin:0 0 12px;font-size:20px;font-weight:800}.modal-inner-content p{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.6}.modal-actions-deck{flex-direction:column;gap:10px;width:100%;display:flex}.modal-btn-confirm{background:var(--primary);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 12px var(--primary-glow);border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.modal-btn-confirm:hover{background:var(--primary-hover);transform:translateY(-1px)}.modal-btn-cancel{border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.modal-btn-cancel:hover{background:var(--surface-hover);color:var(--text-primary)}@keyframes pulse-icon{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.attendance-prompt-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.banner-btn{text-align:center;width:100%}.modal-inner-content{padding:24px}}.employee-dashboard-view .dashboard-header{margin-bottom:12px}.employee-dashboard-view .attendance-prompt-banner,.employee-dashboard-view .stats-grid-watt{margin-bottom:20px}@media (width<=768px){.stats-grid-watt{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.watt-card{border-radius:12px!important;padding:14px!important}.stat-card{gap:12px!important}.stat-icon-box{border-radius:8px!important;width:36px!important;height:36px!important}.stat-icon-box svg{width:16px!important;height:16px!important}.stat-value{letter-spacing:-.5px!important;font-size:20px!important}.stat-label{font-size:11px!important}.stat-trend-badge,.stat-trend-label{padding:2px 6px!important;font-size:10px!important}.card-header-watt{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;margin-bottom:16px!important}.chart-legend-watt{flex-wrap:wrap!important;gap:8px 12px!important}.chart-wrapper-watt{height:220px!important;min-height:220px!important}}.attendance-prompt-banner .banner-btn.clock-in{color:#fff!important;background:#10b981!important;box-shadow:0 4px 12px #10b98159!important}.attendance-prompt-banner .banner-btn.clock-in:hover{background:#059669!important}.attendance-prompt-banner .banner-btn.clock-out{color:#fff!important;background:#ef4444!important;box-shadow:0 4px 12px #ef444459!important}.attendance-prompt-banner .banner-btn.clock-out:hover{background:#dc2626!important}.employees-container{gap:var(--spacing-lg);max-width:100%;animation:fadeIn .4s var(--ease-premium);flex-direction:column;display:flex}.glass-card{box-sizing:border-box;max-width:100%}.profile-header{justify-content:space-between;align-items:center;gap:20px;padding:16px 24px;display:flex}@media (width<=768px){.profile-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px}}.header-content h1{margin-bottom:4px;font-size:24px;font-weight:800}.header-content p{color:var(--text-main);opacity:.8;font-size:14px}.header-actions{gap:12px;display:flex}@media (width<=768px){.header-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}}.employees-toolbar-premium{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:24px;display:flex}@media (width<=768px){.employees-toolbar-premium{flex-direction:column;align-items:stretch;gap:16px}}.search-bar-premium{background:var(--surface);border:1px solid var(--border);transition:all var(--transition-fast);border-radius:16px;flex:1;align-items:center;gap:12px;padding:10px 20px;display:flex}.search-bar-premium:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.search-bar-premium .search-icon{color:var(--primary)}.search-bar-premium input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:14px}.filter-site-premium{gap:12px;display:flex}@media (width<=768px){.employees-container{padding:12px;overflow-x:hidden}.employees-toolbar-premium{flex-direction:column;align-items:stretch;gap:12px}.filter-site-premium{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.filter-dropdown{width:100%;min-width:0}.header-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.header-actions .btn{flex:1;min-width:140px;font-size:12px}}.filter-dropdown{min-width:180px}.filter-btn-premium{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.filter-btn-premium:hover{border-color:var(--primary);color:var(--primary)}.filter-btn-premium.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.employee-table{border-collapse:collapse;width:100%}.employee-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:2px solid var(--border);background:var(--surface);padding:16px 24px;font-size:12px;font-weight:700}.employee-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:16px 24px;font-size:14px;transition:background .2s}.employee-table tr:hover td{background:var(--surface-hover)}.emp-identity{align-items:center;gap:12px;display:flex}.avatar-small{background:var(--surface-hover);width:32px;height:32px;color:var(--primary);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar-small img{object-fit:cover;width:100%;height:100%}.name-stack{flex-direction:column;display:flex}.full-name{color:var(--text-main);font-weight:700}.designation{color:var(--text-secondary);font-size:12px}.mono-badge{background:var(--surface-hover);border:1px solid var(--border);color:var(--primary);border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.email-text{color:var(--text-secondary)}.role-status{align-items:center;gap:10px;display:flex}.role-tag{text-transform:uppercase;background:var(--surface-hover);color:var(--text-main);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.status-dot.active{background:var(--success);box-shadow:0 0 10px var(--success)}.status-dot.inactive{background:var(--error)}.action-row{gap:8px;display:flex}.action-icon-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-btn:hover{background:var(--surface-hover);color:var(--primary);border-color:var(--primary)}.action-icon-btn.danger:hover{color:var(--error);border-color:var(--error);background:#ef44441a}.detail-hero{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding-bottom:24px;display:flex}.hero-avatar{background:var(--surface-hover);border:2px solid var(--primary);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.hero-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:var(--primary);font-size:32px;font-weight:800}.detail-item-premium label{color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.detail-item-premium span{color:var(--text-main);font-size:15px;font-weight:700}.btn-sm{padding:6px 12px;font-size:12px}@media (width<=768px){.employees-container{gap:16px;padding:12px}.profile-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.header-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.header-actions .btn{justify-content:center;width:100%}.employees-toolbar-premium{flex-direction:column;align-items:stretch;gap:12px}.search-bar-premium{width:100%}.filter-site-premium{grid-template-columns:1fr 1fr;gap:10px;display:grid}.filter-dropdown{width:100%}.table-container-premium{background:0 0;border:none;width:100%;padding:0;overflow-x:hidden}.employee-table{width:100%;display:block}.employee-table thead{display:none}.employee-table tbody{flex-direction:column;gap:16px;display:flex}.employee-table tr{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:20px;display:flex;position:relative}.employee-table td{border:none;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.employee-table td:last-child{border-bottom:none;justify-content:center;margin-top:12px;padding-top:16px}.employee-table td:first-of-type{border-bottom:2px solid var(--border);margin-bottom:12px;padding-bottom:16px}.emp-identity{width:100%}.employee-table td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-tertiary);float:left;font-size:11px;font-weight:800}.action-row{justify-content:space-around;width:100%}}@media (width<=480px){.header-content h1{font-size:20px}.avatar-small{width:40px;height:40px}.full-name{font-size:14px}.action-icon-btn{width:36px;height:36px}}.manager-employee-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;display:grid}.manager-emp-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.manager-emp-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.mec-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.mec-profile{align-items:center;gap:16px;display:flex}.mec-call-btn{width:40px;height:40px;color:var(--primary);background:#3b82f61a;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.mec-call-btn:hover{background:var(--primary);color:#fff}.mec-details{flex-direction:column;gap:12px;display:flex}.mec-row{justify-content:space-between;align-items:center;display:flex}.mec-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.mec-value{color:var(--text-main);font-size:14px;font-weight:500}.premium-toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#1e293bb3;border:1px solid #f59e0b33;border-radius:12px;align-items:center;gap:12px;min-width:300px;margin-bottom:12px;padding:12px 16px;display:flex;box-shadow:0 8px 32px #0000004d}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid var(--primary)}.toast-content p{color:#fff;margin:0;font-size:.9rem;font-weight:500}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .2s;display:flex}.toast-close:hover{color:#fff;background:#ffffff1a;border-radius:6px}.premium-toast-container{z-index:9999;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:24px;right:24px}@media (width<=768px){.premium-toast-container{align-items:center;top:12px;left:12px;right:12px}.premium-toast{width:100%;min-width:auto;max-width:340px}}.confirm-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex}.confirm-modal-content{background:var(--surface);width:100%;max-width:480px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;gap:28px;padding:40px;display:flex}.confirm-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.confirm-header .close-btn{position:absolute;top:-16px;right:-16px}.icon-badge{width:56px;height:56px;color:var(--primary);background:#f59e0b1a;border-radius:16px;justify-content:center;align-items:center;display:flex}.variant-danger .icon-badge{color:#ef4444;background:#ef44441a}.confirm-header h3{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.confirm-body{text-align:center;color:var(--text-secondary);font-size:16px;line-height:1.6}.variant-danger .confirm-body{color:var(--error);font-weight:500}.confirm-footer{gap:12px;display:flex}.confirm-footer .btn{flex:1;justify-content:center}.confirm-footer .btn-ghost{font-weight:600;color:var(--text-secondary)!important;border:1px solid var(--border)!important;background:var(--surface-hover)!important}.confirm-footer .btn-ghost:hover{background:var(--border)!important;color:var(--text-primary)!important;border-color:var(--text-tertiary)!important}.btn-danger{color:#fff!important;background:#ef4444!important;border:none!important}.btn-danger:hover{box-shadow:0 0 20px #ef44444d;background:#dc2626!important}.premium-select-container{width:100%;position:relative}.premium-select-container.disabled{pointer-events:none}.premium-select-trigger{background:var(--surface-hover,#00000005);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all .3s var(--ease-premium,cubic-bezier(.16, 1, .3, 1));-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;display:flex}.premium-select-trigger:hover{border-color:var(--primary);background:var(--surface);box-shadow:0 4px 12px var(--primary-glow)}.premium-select-trigger.active{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 4px var(--primary-glow);transform:translateY(-1px)}.premium-select-trigger.disabled{opacity:.6;background:var(--surface-hover);cursor:not-allowed}.premium-select-trigger .chevron{color:var(--text-secondary);transition:transform .3s var(--ease-premium,cubic-bezier(.16, 1, .3, 1))}.premium-select-trigger .chevron.rotate{color:var(--primary);transform:rotate(180deg)}.premium-select-menu{background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-lg,0 10px 30px #00000026);z-index:1000;-webkit-backdrop-filter:blur(20px);animation:selectMenuFadeIn .25s var(--ease-premium,cubic-bezier(.16, 1, .3, 1));border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.premium-select-options::-webkit-scrollbar{width:6px}.premium-select-options::-webkit-scrollbar-track{background:0 0}.premium-select-options::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.premium-select-options::-webkit-scrollbar-thumb:hover{background:var(--primary)}.premium-select-item{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.premium-select-item:hover{background:var(--surface-hover,#00000008);color:var(--primary);padding-left:20px}.premium-select-item.selected{background:var(--primary-glow);color:var(--primary);font-weight:700}.premium-select-item .check-icon{color:var(--primary);animation:.25s cubic-bezier(.34,1.56,.64,1) checkIconPop}@keyframes selectMenuFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes checkIconPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.add-employee-page-v3{max-width:1280px;min-height:calc(100vh - 80px);margin:0 auto;padding:24px}.page-header-v3{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.page-header-v3 .header-left{align-items:center;gap:16px;display:flex}.page-header-v3 h1{background:linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;margin:0 0 4px;font-size:22px;font-weight:800}.page-header-v3 p{color:var(--text-tertiary);margin:0;font-size:13px}.page-header-v3 .header-actions{align-items:center;gap:12px;display:flex}.add-employee-layout-split{grid-template-rows:auto auto;grid-template-columns:1.15fr 1fr;align-items:stretch;gap:20px;display:grid}.card-1{grid-area:1/1}.card-2{grid-area:2/1}.card-3{grid-area:1/2}.card-4{grid-area:2/2}.compact-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;flex:1;padding:18px 22px;display:flex}.section-title-compact{text-transform:uppercase;letter-spacing:.8px;color:var(--primary);border-bottom:1px solid var(--border);margin:0 0 14px;padding-bottom:6px;font-size:12px;font-weight:700}.core-security-header-row{align-items:center;gap:16px;display:flex}.avatar-field-compact{flex-shrink:0}.avatar-preview-wrapper-compact{border:2px solid var(--border);background:var(--surface-bright);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .25s;display:flex;position:relative}.avatar-preview-wrapper-compact:hover{border-color:var(--primary)}.avatar-preview-wrapper-compact img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-preview-wrapper-compact .avatar-upload-trigger{background:var(--primary);color:#fff;cursor:pointer;width:20px;height:20px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:-2px;right:-2px}.avatar-preview-wrapper-compact .avatar-upload-trigger:hover{background:var(--primary-hover);transform:scale(1.1)}.fields-grid{flex-grow:1;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.form-row-grid{grid-template-columns:1fr;gap:12px;margin-bottom:12px;display:grid}.form-row-grid.grid-2{grid-template-columns:repeat(2,1fr)}.form-row-grid.grid-3{grid-template-columns:repeat(3,1fr)}.form-field{flex-direction:column;gap:4px;display:flex}.form-field label{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-left:2px;font-size:10.5px;font-weight:700}.form-field.required label:after{content:" *";color:var(--error)}.form-field input[type=text],.form-field input[type=email],.form-field input[type=password],.form-field input[type=tel],.form-field input[type=date],.form-field input[type=number]{border:1px solid var(--border);background:var(--surface-bright);width:100%;color:var(--text-primary);transition:all .25s var(--ease-premium);border-radius:8px;outline:none;height:38px;padding:8px 12px;font-family:inherit;font-size:13px}.form-field input:hover{border-color:var(--primary-glow)}.form-field input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 2px var(--primary-glow), var(--shadow-sm)}.form-field input::placeholder{color:var(--text-dim)}.avatar-field{justify-content:flex-start}.avatar-uploader-modern{background:var(--surface-hover);border:1px solid var(--border);border-radius:14px;align-items:center;gap:20px;padding:12px;display:flex}.avatar-preview-wrapper{background:var(--surface-bright);border:2px solid var(--primary);width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.avatar-img-modern{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder-modern{color:var(--text-dim)}.avatar-upload-trigger{background:var(--primary);border:2px solid var(--surface);color:#fff;cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:-2px;right:-2px}.avatar-upload-trigger:hover{background:var(--primary-hover);transform:scale(1.1)}.avatar-upload-info{flex-direction:column;gap:2px;display:flex}.avatar-upload-info .info-title{color:var(--text-primary);font-size:13px;font-weight:700}.avatar-upload-info .info-desc{color:var(--text-tertiary);font-size:11px}.password-input-wrapper-modern{width:100%;position:relative}.password-input-wrapper-modern input{padding-right:48px!important}.password-toggle-btn-modern{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn-modern:hover{color:var(--primary)}.input-with-prefix-modern{border:1px solid var(--border);background:var(--surface-bright);transition:all .25s var(--ease-premium);border-radius:8px;align-items:center;height:38px;display:flex;overflow:hidden}.input-with-prefix-modern:hover{border-color:var(--primary-glow)}.input-with-prefix-modern:focus-within{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 2px var(--primary-glow)}.prefix-addon{background:var(--surface-hover);color:var(--primary);border-right:1px solid var(--border);justify-content:center;align-items:center;height:38px;padding:0 12px;font-size:13px;font-weight:700;display:flex}.input-with-prefix-modern input{height:38px;box-shadow:none!important;background:0 0!important;border:none!important;padding:0 12px!important}.overtime-protocol-group-modern{grid-template-columns:1fr 1fr;gap:8px;display:grid}.file-upload-zone-modern{border:1px solid var(--border);background:var(--surface-hover);height:42px;transition:all .3s var(--ease-premium);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:0 0 0 14px;display:flex;position:relative;overflow:hidden}.file-upload-zone-modern:before{content:"";background:radial-gradient(circle at 100% 0%, var(--primary-glow), transparent 60%);opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:0}.file-upload-zone-modern:hover:before{opacity:1}.file-upload-zone-modern:hover{border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow);background:var(--surface-bright);transform:translateY(-1.5px)}.file-upload-zone-modern .upload-icon{color:var(--primary);z-index:1;transition:transform .3s var(--ease-premium);flex-shrink:0}.file-upload-zone-modern:hover .upload-icon{transform:scale(1.1)rotate(5deg)}.file-upload-zone-modern .upload-text{z-index:1;text-align:left;flex-direction:column;flex-grow:1;display:flex;overflow:hidden}.file-upload-zone-modern:after{content:"Browse";background:var(--primary);color:#fff;transition:all .25s var(--ease-premium);z-index:1;pointer-events:none;border-radius:0 7px 7px 0;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;margin-left:auto;padding:0 18px;font-size:11.5px;font-weight:600;display:inline-flex}.file-upload-zone-modern:hover:after{background:var(--primary-hover);box-shadow:0 2px 6px #0082ff4d}.file-upload-zone-modern.uploaded{border-color:var(--accent);background:#10b98108}.file-upload-zone-modern.uploaded:before{background:radial-gradient(circle at 100% 0%, var(--accent-glow), transparent 60%)}.file-upload-zone-modern.uploaded .upload-icon{color:var(--accent)}.file-upload-zone-modern.uploaded:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-glow)}.file-upload-zone-modern.uploaded:after{content:"Uploaded";background:var(--accent)}.file-upload-zone-modern.uploaded:hover:after{background:#059669;box-shadow:0 2px 6px #10b9814d}.file-name-display{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.file-constraints{color:var(--text-tertiary);font-size:11px}.file-upload-zone-modern input[type=file]{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;inset:0}.enrollment-notice-compact{background:var(--primary-glow);border:1px solid var(--border);color:var(--primary);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.error-banner{background:var(--error-bg);border:1px solid var(--error);color:var(--error);border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 18px;font-size:13px;font-weight:600;display:flex}.loading-state-premium{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:60vh;display:flex}.spinner-obsidian{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@media (width<=1024px){.add-employee-layout-split{grid-template-rows:auto;grid-template-columns:1fr;gap:20px}.card-1,.card-2,.card-3,.card-4{grid-area:auto}.form-row-grid.grid-2,.form-row-grid.grid-3{grid-template-columns:1fr;gap:12px}.add-employee-page-v3{padding:16px}}.enterprise-page{max-width:1600px;margin:0 auto;padding:0 40px 40px}.attendance-layout{grid-template-columns:300px 1fr;align-items:flex-start;gap:32px;display:grid}.attendance-layout.no-sidebar{grid-template-columns:1fr}.profile-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:32px;padding:32px 24px;display:flex}.profile-card-mini{text-align:center}.avatar-wrapper{width:100px;height:100px;margin:0 auto 16px;position:relative}.large-avatar{object-fit:cover;border:4px solid var(--border);border-radius:50%;width:100%;height:100%}.status-badge{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.profile-card-mini h3{margin:0;font-size:18px;font-weight:700}.role-text{color:var(--text-dim);margin-top:4px;font-size:13px}.biometric-verified-badge{background:var(--primary-glow);border:1px solid var(--primary);width:fit-content;color:var(--primary);letter-spacing:.05em;border-radius:99px;justify-content:center;align-items:center;gap:8px;margin:16px auto 0;padding:6px 16px;font-size:11px;font-weight:800;display:flex}.hours-summary{flex-direction:column;gap:24px;display:flex}.total-hours-main{background:var(--surface-hover);border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.total-hours-main .value{font-size:24px;font-weight:800}.total-hours-main .label{color:var(--text-dim);font-size:12px}.hours-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.h-item{flex-direction:column;display:flex}.h-item span{font-size:15px;font-weight:700}.h-item small{color:var(--text-dim);font-size:11px}.attendance-main{flex-direction:column;gap:24px;display:flex}.main-header-row{justify-content:space-between;align-items:center;display:flex}.title-section{align-items:center;gap:16px;display:flex}.btn-back{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-main);border-radius:10px;justify-content:center;align-items:center;display:flex}.date-picker-button{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;width:240px;height:44px;transition:all .3s var(--ease-premium);border-radius:12px;align-items:center;gap:12px;padding:0 16px;font-size:14px;display:flex}.date-picker-button:hover{border-color:var(--primary);background:var(--surface-hover)}.daily-filter{position:relative}.silent-date-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.silent-date-input::-webkit-calendar-picker-indicator{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.breakdown-banner{justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.breakdown-info{flex:1;max-width:400px}.b-text .label{color:var(--text-dim);font-size:13px}.b-text .value{margin:4px 0 12px;font-size:24px;font-weight:800}.progress-track{background:var(--surface-hover);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:4px;height:100%}.breakdown-stats{gap:24px;display:flex}.s-item{align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.approved{background:var(--success)}.dot.rejected{background:var(--error)}.dot.pending{background:var(--warning)}.action-bar{justify-content:space-between;align-items:center;display:flex}.toggle-group{background:var(--surface-hover);border-radius:10px;padding:4px;display:flex}.toggle-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:600;display:flex}.toggle-btn.active{background:var(--surface);color:var(--text-main);box-shadow:0 2px 4px #0000001a}.switch-group{color:var(--text-dim);align-items:center;gap:12px;font-size:13px;display:flex}.switch{background:var(--surface-hover);cursor:pointer;border-radius:99px;width:40px;height:20px;position:relative}.btn-row{gap:12px;display:flex}.btn-outline{border:1px solid var(--border);color:var(--text-main);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-weight:600}.btn-outline.danger{color:#ef4444;border-color:#ef444433}.table-container{-webkit-overflow-scrolling:touch;max-height:540px;padding:0;overflow:auto}.timeline-container{min-height:400px;max-height:540px;padding:30px;overflow:auto}.enterprise-table{border-collapse:collapse;width:100%}.enterprise-table th{text-align:left;background:var(--surface-hover);color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border);padding:16px 24px;font-size:12px;font-weight:700}.enterprise-table tr{transition:all .2s}.enterprise-table tbody tr:hover{background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--border)}.enterprise-table td{border-bottom:1px solid var(--border);color:var(--text-main);padding:20px 24px;font-size:14px;font-weight:500}.day-tag{background:var(--surface-hover);color:var(--text-dim);border-radius:4px;margin-right:8px;padding:2px 8px;font-size:11px;display:inline-block}.approval-actions{gap:8px;display:flex}.status-btn{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-dim);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.status-btn.approve.active{background:var(--success);color:#fff;border-color:var(--success)}.status-btn:hover{border-color:var(--primary);color:var(--primary)}@media (width<=1200px){.attendance-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:1fr 1fr;align-items:center;display:grid}}.user-view{min-height:calc(100vh - 80px)}.role-badge-float{background:var(--primary);color:#000;text-align:center;cursor:pointer;z-index:3000;text-transform:uppercase;letter-spacing:.1em;padding:12px;font-size:11px;font-weight:800;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #0000004d}@media (width<=768px){.main-header-row{flex-direction:column;align-items:flex-start;gap:16px}.title-section{justify-content:space-between;width:100%}.btn-row{width:100%}.btn-outline{text-align:center;flex:1}.user-attendance-grid{padding-bottom:80px}}.user-attendance-grid{grid-template-columns:400px 1fr;gap:40px;max-width:1600px;margin:0 auto;padding:40px;display:grid}.scanner-card{text-align:center;flex-direction:column;justify-content:center;padding:48px;display:flex}.scanner-header h3{margin-bottom:8px;font-size:24px}.scanner-header p{color:var(--text-dim);font-size:14px}.biometric-viewport{width:300px;height:300px;margin:40px auto;padding:12px;position:relative}.camera-sim{background:var(--surface-hover);width:100%;height:100%;box-shadow:inset 0 0 60px var(--primary-glow), 0 0 0 10px var(--surface-hover);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.scanner-line{background:linear-gradient(to right, transparent, var(--primary), transparent);height:2px;box-shadow:0 0 15px var(--primary);z-index:10;animation:3s linear infinite scan-move;position:absolute;top:0;left:0;right:0}@keyframes scan-move{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.scan-ring{border:4px solid var(--border);border-radius:50%;position:absolute;inset:0}.scan-ring.scanning{border-color:var(--primary);border-top-color:#0000;animation:1s linear infinite spin}.scan-ring.success{border-color:#10b981}.overlay{color:var(--text-dim)}.overlay.success{color:#10b981}.pulse{animation:1.5s ease-in-out infinite pulse-icon}.verification-info{justify-content:center;gap:24px;margin-bottom:40px;display:flex}.v-item{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.user-stats-container{flex-direction:column;gap:32px;display:flex}.stats-row{grid-template-columns:1fr 1fr;gap:32px;display:grid}.s-card{background:var(--glass);border:1px solid var(--border);transition:all .3s var(--ease-premium);border-radius:24px;padding:32px;position:relative;overflow:hidden}.s-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.s-card .label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:600}.s-card .value{letter-spacing:-.02em;color:var(--text-main);margin-top:12px;font-size:42px;font-weight:800}.personal-timeline{padding:32px}.mini-table{flex-direction:column;gap:16px;margin-top:24px;display:flex}.mini-row{background:var(--surface-hover);border:1px solid #0000;border-radius:16px;justify-content:space-between;align-items:center;padding:20px 24px;font-size:15px;transition:all .3s;display:flex}.mini-row:hover{border-color:var(--border);transform:translate(8px)}.m-date{width:120px;font-weight:700}.m-time{color:var(--text-dim)}.m-status{text-transform:uppercase;letter-spacing:.05em;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:800}.m-status.approved{color:var(--success);background:var(--success-bg)}.m-status.pending{color:var(--warning);background:var(--warning-bg)}@media (width<=1200px){.attendance-layout{grid-template-columns:1fr}.profile-sidebar{grid-template-columns:1fr 1fr;align-items:center;display:grid}.user-attendance-grid{grid-template-columns:1fr}}@media (width<=768px){.enterprise-page{padding:16px}.main-header-row{flex-direction:column;align-items:flex-start;gap:16px}.title-section{justify-content:space-between;width:100%}.date-picker-button{width:100%}.breakdown-banner{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.breakdown-stats{flex-wrap:wrap;justify-content:space-between;width:100%}.action-bar{flex-direction:column;align-items:flex-start;gap:16px}.btn-row{width:100%}.btn-outline{text-align:center;flex:1;padding:10px}.profile-sidebar{flex-direction:column;padding:24px;display:flex}.stats-row{grid-template-columns:1fr}.scanner-card{padding:32px 20px}.biometric-viewport{width:240px;height:240px}.s-card .value{font-size:32px}.table-container{width:calc(100% + 32px);margin:0 -16px}.enterprise-table th,.enterprise-table td{padding:12px 16px}}@media (width<=480px){.page-title{font-size:24px}.breakdown-info .value{font-size:20px}.mini-row{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.m-date{width:100%}.m-status{align-self:flex-end}.title-section{justify-content:space-between;align-items:center;gap:12px}.total-hours-main .v-stack{flex-direction:row;align-items:center;gap:8px}.total-hours-main .value{font-size:18px}.total-hours-main .label{margin-top:0;font-size:11px}.main-header-row{flex-direction:column;align-items:flex-start;gap:12px;padding:0 4px}.title-section h1{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.attendance-main{gap:16px}.breakdown-banner{gap:12px;padding:12px 16px;text-align:left!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.breakdown-info{flex:none;width:auto}.b-text{flex-direction:column;align-items:flex-start;display:flex}.b-text .label{margin:0;font-size:11px}.b-text .value{font-size:18px;margin:0!important}.progress-track{display:none}.breakdown-stats{flex-direction:column!important;align-items:flex-end!important;gap:2px!important}.s-item{justify-content:flex-end;gap:4px;font-size:11px}.action-bar{flex-direction:column;align-items:stretch;gap:16px}.toggle-group{justify-content:center}.btn-row{flex-flow:wrap;width:100%}.btn-row button{flex:1;min-width:calc(50% - 6px)}.attendance-layout{width:100%;overflow-x:hidden}.table-container{overflow-x:visible}.enterprise-table,.enterprise-table thead,.enterprise-table tbody,.enterprise-table th,.enterprise-table td,.enterprise-table tr{display:block}.enterprise-table thead{display:none}.enterprise-table tr{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:1fr auto;grid-template-areas:"emp date""in out""proof proof""status action";align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:grid!important}.enterprise-table td{text-align:left;flex-direction:column;align-items:flex-start;font-size:14px;display:flex;border:none!important;padding:0!important}.enterprise-table td:before{content:attr(data-label);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:800}.cell-emp{grid-area:emp}.cell-emp span{color:var(--primary);font-size:16px;font-weight:800}.cell-emp:before{display:none}.cell-date{grid-area:date;align-items:flex-end}.cell-date:before{display:none}.cell-date{color:var(--text-dim);font-weight:600}.cell-in{grid-area:in}.cell-out{grid-area:out}.cell-in,.cell-out{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.cell-proof{background:var(--surface-hover);border-radius:12px;grid-area:proof;padding:12px!important}.cell-proof .proof-stack-mini{justify-content:flex-start;gap:12px}.cell-status{grid-area:status}.cell-action{grid-area:action;align-items:flex-end}.cell-action:before{display:none}.cell-action .approval-actions{justify-content:flex-end}.enterprise-page{padding:8px}.attendance-layout{gap:12px}.breakdown-banner{gap:12px;padding:12px}.breakdown-info h2{margin-bottom:2px;font-size:16px}.breakdown-info p{display:none}.s-card{border-radius:12px;padding:12px}.s-card .value{font-size:22px}.s-card .label{font-size:9px}.timeline-container{border-radius:12px;width:100%;margin:0;padding:12px;overflow-x:auto}.timeline-grid{flex-direction:column;gap:8px;min-width:600px;display:flex}.timeline-header,.timeline-row{background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;display:flex!important}.employee-col{white-space:nowrap;text-overflow:ellipsis;min-width:80px;font-weight:800;overflow:hidden;width:80px!important;font-size:11px!important}.time-axis{flex:1;justify-content:space-between;display:flex}.time-label{color:var(--primary);font-size:10px;font-weight:800}.shift-track{background:#568f8733;border-radius:6px;flex:1;height:24px;position:relative;overflow:hidden}.shift-bar{border-radius:4px}}.verification-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;display:flex}.placeholder-icon{background:var(--surface-hover);width:100px;height:100px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.verification-placeholder h3{margin:0;font-size:24px}.verification-placeholder p{color:var(--text-dim);max-width:300px}.proof-stack-mini{gap:6px;display:flex}.btn-proof-tiny{cursor:pointer;color:var(--text-dim);transition:all .3s var(--ease-premium);letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:800;display:flex}.btn-proof-tiny:hover{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-2px)}.btn-proof-tiny.in{border-left:3px solid var(--success)}.btn-proof-tiny.out{border-left:3px solid var(--error)}.empty-proof-dot{background:var(--surface-hover);border:1px solid #ffffff0d;border-radius:50%;width:6px;height:6px;position:relative;box-shadow:inset 0 0 4px #00000080}.empty-proof-dot:after{content:"";border:1px solid #ffffff05;border-radius:50%;position:absolute;inset:-2px}.btn-proof-mini{color:var(--primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:12px;transition:all .2s;display:flex}.btn-proof-mini:hover{background:var(--primary);color:#000;transform:scale(1.1)}.proof-card-special{overflow:hidden;max-width:600px!important;padding:0!important}.proof-content-obsidian{background:#000;width:100%;position:relative}.proof-content-obsidian img{width:100%;height:auto;display:block}.proof-meta-premium{color:var(--primary);background:linear-gradient(#0000,#000c);align-items:center;gap:10px;padding:20px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}@media (width<=768px){.enterprise-page{padding:16px}.attendance-layout{grid-template-columns:1fr;gap:20px}.profile-sidebar{gap:20px;padding:20px}.avatar-wrapper{width:80px;height:80px}.profile-card-mini h3{font-size:16px}.total-hours-main .value{font-size:20px}.breakdown-banner{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}.breakdown-info{max-width:100%}.b-text .value{font-size:20px}.breakdown-stats{justify-content:space-between;gap:10px;width:100%}.s-item{font-size:11px}.action-bar{flex-direction:column;align-items:stretch;gap:16px}.toggle-group{justify-content:space-between;width:100%}.toggle-btn{flex:1;justify-content:center;padding:8px;font-size:12px}.enterprise-table th,.enterprise-table td{padding:12px 16px;font-size:12px}.emp-cell-meta{font-size:10px}.day-tag{display:none}.approval-actions{gap:4px}.status-btn{width:28px;height:28px}.user-attendance-grid{gap:20px;padding:16px}.scanner-card{padding:24px 16px}.biometric-viewport{width:200px;height:200px;margin:20px auto}.s-card{padding:20px}.s-card .value{font-size:28px}.mini-row{padding:12px 16px;font-size:13px}.glass-card.scanner-modal-obsidian{border-radius:20px;padding:16px}.modal-header-premium h3{font-size:16px}}@media (width<=480px){.enterprise-table th:nth-child(3),.enterprise-table td:nth-child(3),.enterprise-table th:nth-child(4),.enterprise-table td:nth-child(4){display:none}}.personal-actions-sidebar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:16px;margin:8px 0;padding:24px 0;display:flex}.status-indicator{letter-spacing:.1em;background:var(--surface-hover);text-transform:uppercase;border-radius:10px;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 14px;font-size:11px;font-weight:800;display:flex}.status-indicator.active{color:#10b981}.status-indicator.inactive{color:var(--text-tertiary)}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.btn-block{width:100%}.scanner-modal-obsidian{background:var(--surface);width:100%;max-width:450px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;padding:40px;display:flex}.modal-header-premium{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header-premium h3{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.close-btn-premium{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.biometric-viewport-premium{width:280px;height:280px;margin:0 auto 32px;position:relative}.verification-info-premium{justify-content:center;gap:24px;margin-bottom:32px;display:flex}.verification-info-premium .v-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.modal-actions-premium{flex-direction:column;gap:12px;display:flex}.biometric-verified-badge{border:1px solid var(--success);color:var(--success);letter-spacing:.05em;background:#10b9811a;border-radius:12px;align-items:center;gap:8px;width:fit-content;margin-top:12px;padding:6px 12px;font-size:11px;font-weight:800;display:flex;box-shadow:0 0 15px #10b98133}.verified-icon{filter:drop-shadow(0 0 5px var(--success))}.proof-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.manual-log-form{flex-direction:column;display:flex}.form-group-premium{flex-direction:column;gap:8px;margin-bottom:1.2rem;display:flex}.form-group-premium label{color:var(--text-secondary);font-size:13px;font-weight:600}.form-row-premium{gap:20px;margin-bottom:1.2rem;display:flex}.form-row-premium .form-group-premium{flex:1;margin-bottom:0}.premium-input{background:var(--surface-hover);border:1px solid var(--border);width:100%;color:var(--text-primary);box-sizing:border-box;accent-color:var(--primary);border-radius:10px;outline:none;padding:12px;font-family:inherit;font-size:14px;transition:all .2s}[data-theme=dark] .premium-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .premium-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.premium-input:focus{border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 10px #2ea38333}.premium-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:all .2s}[data-theme=dark] .premium-input::-webkit-calendar-picker-indicator{filter:invert(.6)sepia()saturate(5)hue-rotate(110deg)}[data-theme=light] .premium-input::-webkit-calendar-picker-indicator{filter:none}.premium-input::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.premium-input option{color:#fff;background:#1a1a1a}.timeline-container{min-height:400px;padding:30px;overflow-x:auto}.timeline-grid{min-width:800px}.timeline-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:15px;display:flex}.employee-col{flex-shrink:0;align-items:center;gap:12px;width:200px;display:flex}.time-axis{flex:1;justify-content:space-between;padding:0 10px;display:flex}.time-label{color:var(--text-tertiary);font-size:10px;font-weight:700}.timeline-body{flex-direction:column;gap:15px;display:flex}.timeline-row{border-bottom:1px solid #ffffff08;align-items:center;padding:10px 0;display:flex}.emp-name{color:var(--text-secondary);font-size:13px;font-weight:600}.shift-track{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex:1;height:36px;position:relative;overflow:hidden}.shift-bar{color:#000;border-radius:6px;justify-content:center;align-items:center;min-width:4px;height:100%;font-size:10px;font-weight:800;transition:all .3s;display:flex;position:absolute;box-shadow:0 4px 10px #0003}.shift-bar:hover{filter:brightness(1.2);z-index:10;transform:scaleY(1.1)}.shift-bar.approved,.shift-bar.present,.shift-bar.paid{background:linear-gradient(90deg,#10b981,#34d399)!important}.shift-bar.pending{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.shift-bar.rejected{background:linear-gradient(90deg,#ef4444,#f87171)}.bar-label{pointer-events:none}.custom-date-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.custom-calendar-popup{background:var(--surface);border:1px solid var(--border);z-index:3000;border-radius:12px;width:280px;padding:20px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 10px 40px #0006}.calendar-grid-premium{flex-direction:column;gap:15px;display:flex}.cal-header{text-align:center;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:10px;font-size:14px;font-weight:700}.cal-days{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal-day-label{color:var(--text-dim);text-align:center;padding:5px 0;font-size:10px;font-weight:800}.cal-date{aspect-ratio:1;cursor:pointer;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex}.cal-date:hover{background:var(--surface-hover);color:var(--text-primary)}.cal-date.selected{background:var(--primary);color:#000;font-weight:800;box-shadow:0 0 15px #10b98166}.custom-time-popup{background:var(--surface);border:1px solid var(--border);z-index:3000;border-radius:12px;flex-direction:column;gap:12px;width:200px;padding:15px;display:flex;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 10px 40px #0006}.time-picker-precision{gap:15px;height:200px;display:flex}.time-column{flex-direction:column;flex:1;gap:4px;padding-right:4px;display:flex;overflow-y:auto}.col-label{color:var(--text-dim);text-align:center;text-transform:uppercase;letter-spacing:.05em;background:var(--surface);z-index:1;padding-bottom:8px;font-size:10px;font-weight:800;position:sticky;top:0}.time-unit{text-align:center;cursor:pointer;color:var(--text-secondary);border-radius:6px;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.time-unit:hover{background:var(--surface-hover);color:var(--text-primary)}.time-unit.selected{background:var(--primary);color:#000;font-weight:800}.btn-tiny-done{background:var(--surface-hover);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px;font-size:11px;font-weight:700;transition:all .2s}.btn-tiny-done:hover{background:var(--primary);color:#000;border-color:var(--primary)}.time-column::-webkit-scrollbar{width:3px}.time-column::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.bottom-row .custom-time-popup,.bottom-row .custom-calendar-popup{top:auto;bottom:calc(100% + 10px)}[data-theme=dark] .shift-track{border-color:#ffffff1a;background:#ffffff0d!important}[data-theme=dark] .shift-bar{box-shadow:0 4px 12px #0006;color:#fff!important}[data-theme=dark] .shift-bar.approved,[data-theme=dark] .shift-bar.present,[data-theme=dark] .shift-bar.paid{box-shadow:0 0 10px #10b98159;background:linear-gradient(90deg,#10b981,#059669)!important}[data-theme=dark] .shift-bar.pending{box-shadow:0 0 10px #f59e0b59;background:linear-gradient(90deg,#f59e0b,#d97706)!important}[data-theme=dark] .shift-bar.rejected{box-shadow:0 0 10px #ef444459;background:linear-gradient(90deg,#ef4444,#dc2626)!important}[data-theme=dark] .shift-bar.absent{color:#ef4444!important;box-shadow:none!important;background:#ef444426!important;border:1px dashed #ef444466!important}[data-theme=dark] .shift-bar .bar-label{font-weight:700;color:#fff!important}[data-theme=dark] .time-label{opacity:1;color:var(--text-dim)!important}[data-theme=dark] .emp-name{color:var(--text-primary)}.custom-month-picker{z-index:1000;flex-direction:column;gap:20px;width:320px;padding:24px;display:flex}.picker-header{justify-content:space-between;align-items:center;display:flex}.year-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.year-btn:hover{background:var(--primary);color:#000;border-color:var(--primary)}.year-display{color:var(--text-primary);font-size:18px;font-weight:800}.months-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.month-cell{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:12px;padding:12px;font-size:14px;font-weight:700;transition:all .2s}.month-cell:hover{background:var(--surface-bright);border-color:var(--primary);color:var(--primary)}.month-cell.selected{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.picker-footer{justify-content:space-between;gap:12px;margin-top:4px;display:flex}.month-picker-overlay{z-index:999;justify-content:center;align-items:center;display:flex}[data-theme=dark] .timeline-row{background:var(--surface);border-color:var(--border)}.badge{text-transform:uppercase;border-radius:99px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.badge-pending{color:#f59e0b;background:#f59e0b1a}.badge-approved,.badge-present{color:#10b981;background:#10b9811a}.badge-rejected,.badge-absent{color:#ef4444;background:#ef44441a}.badge-paid{color:#0891b2;background:#0891b21a}.daily-grid-container{border:1px solid #ffd7001a;flex-direction:column;padding:0;display:flex;overflow:hidden}.grid-scroll-wrapper{border-radius:20px;overflow-x:auto}.daily-attendance-grid{border-collapse:collapse;table-layout:fixed;background:#0003;width:100%}.daily-attendance-grid th,.daily-attendance-grid td{text-align:center;border:1px solid #ffffff0d;padding:10px 4px}.daily-attendance-grid th{color:var(--primary);text-transform:uppercase;border-bottom:2px solid var(--primary);background:#ffffff08;font-size:11px;font-weight:800}.daily-attendance-grid .sticky-col{z-index:10;text-align:left;border-right:2px solid var(--primary);background:#0d0d0d;width:180px;min-width:180px;padding:10px 15px;position:sticky;left:0;box-shadow:5px 0 15px #00000080}.daily-attendance-grid tbody tr:nth-child(2n){background:#ffffff05}.daily-attendance-grid tbody tr:hover{background:#ffd7000d}.emp-info{color:var(--text-main);align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.day-col{width:35px}.status-dot{border:1px solid #ffffff1a;border-radius:50%;width:10px;height:10px;margin:0 auto}.status-dot.empty{background:#ffffff1a;width:4px;height:4px}.day-cell.approved .status-dot{background:#10b981;border-color:#34d399;box-shadow:0 0 10px #10b981}.day-cell.pending .status-dot{background:var(--primary);box-shadow:0 0 10px var(--primary);border-color:var(--primary)}.day-cell.rejected .status-dot{background:#ef4444;border-color:#f87171;box-shadow:0 0 10px #ef4444}.grid-legend{background:#0000004d;border-top:1px solid #ffd7001a;gap:25px;padding:15px 25px;display:flex}.legend-item{color:var(--text-dim);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.custom-day-picker{z-index:1000;flex-direction:column;gap:16px;width:350px;padding:24px;display:flex}.weekday-labels{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.weekday{color:var(--text-dim);text-transform:uppercase;font-size:11px;font-weight:800}.days-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day-cell{aspect-ratio:1;cursor:pointer;background:var(--surface-hover);color:var(--text-main);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:flex}.day-cell.muted{color:var(--text-tertiary);opacity:.3;cursor:default}.day-cell:not(.muted):hover{background:var(--surface-bright);border-color:var(--primary);color:var(--primary)}.day-cell.selected{background:var(--primary);color:#000;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.filter-controls{align-items:center;gap:16px;display:flex}.search-hub-premium,.filter-hub-premium{background:var(--surface);border:1px solid var(--border);width:240px;height:44px;transition:all .3s var(--ease-premium);color:var(--text-dim);border-radius:12px;align-items:center;gap:12px;padding:0 16px;display:flex}.search-hub-premium:focus-within,.filter-hub-premium:focus-within{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:var(--surface-hover)}.matrix-search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.site-select-premium{color:var(--text-main);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fed700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") 100% no-repeat;border:none;outline:none;flex:1;padding-right:24px;font-size:14px;font-weight:700}.site-select-premium option{color:#fff;background:#1a1a1a}@media (width<=1200px){.filter-controls{flex-wrap:wrap;justify-content:flex-end}.search-hub-premium,.filter-hub-premium{flex:1;min-width:180px}}.mock-biometric-vector{background:radial-gradient(circle,#fed70008,#0006);border:1px solid #fed7000d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:320px;padding:30px;display:flex;position:relative;overflow:hidden}.bio-scan-svg{width:160px;height:160px;filter:drop-shadow(0 0 8px var(--primary-glow));margin-bottom:20px}.mock-biometric-label{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex}.mock-biometric-label .token-text{color:var(--text-dim);letter-spacing:.1em;font-family:monospace;font-size:11px}.mock-biometric-label .badge-verified{color:var(--primary);letter-spacing:.15em;background:#fed7001a;border:1px solid #fed70033;border-radius:20px;padding:4px 10px;font-size:9px;font-weight:900}@keyframes spin-circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes laser-sweep{0%{y1:20px;y2:20px;opacity:.3}50%{y1:80px;y2:80px;opacity:1}to{y1:20px;y2:20px;opacity:.3}}.spinning-circle{transform-origin:50px 50px;animation:15s linear infinite spin-circle}.laser-line{filter:drop-shadow(0 0 2px var(--primary));animation:3s ease-in-out infinite laser-sweep}@media (width<=1024px){.enterprise-page{padding:0 20px 20px}.attendance-layout{grid-template-columns:1fr;gap:24px}}@media (width<=768px){.enterprise-page{padding:16px 12px}.main-header-row{flex-direction:column;align-items:flex-start;gap:16px}.date-picker-button{width:100%}.breakdown-banner{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.breakdown-stats{flex-wrap:wrap;gap:12px}.action-bar{flex-direction:column;align-items:stretch;gap:16px}.toggle-group{width:100%}.toggle-btn{flex:1;justify-content:center}.btn-row{width:100%}.btn-row button,.btn-outline{flex:1;justify-content:center}.hours-grid{grid-template-columns:1fr}}.searchable-dropdown{display:inline-block;position:relative}.dropdown-trigger-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:12px;outline:none;justify-content:space-between;align-items:center;gap:12px;min-width:190px;height:44px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .25s;display:flex}.dropdown-trigger-btn:hover,.dropdown-trigger-btn.active{border-color:var(--primary);background:var(--surface-hover);box-shadow:0 4px 12px var(--primary-glow)}.trigger-icon{color:var(--text-dim);flex-shrink:0}.dropdown-arrow{color:var(--text-dim);margin-left:8px;font-size:8px;transition:transform .2s}.dropdown-trigger-btn.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-overlay-deck{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1000;border-radius:16px;width:280px;padding:10px 0;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.dropdown-search-box{border-bottom:1px solid var(--border);align-items:center;padding:4px 14px 10px;display:flex;position:relative}.search-icon-inside{color:var(--text-dim);opacity:.6;pointer-events:none;position:absolute;left:24px}.dropdown-search-box input{background:var(--surface-hover);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:10px;outline:none;padding:8px 12px 8px 32px;font-size:13px;font-weight:600;transition:all .2s}.dropdown-search-box input:focus{border-color:var(--primary);background:var(--surface)}.dropdown-list-scroller{flex-direction:column;gap:2px;max-height:240px;padding:6px;display:flex;overflow-y:auto}.dropdown-list-scroller::-webkit-scrollbar{width:4px}.dropdown-list-scroller::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.dropdown-list-item{width:100%;color:var(--text-dim);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s}.dropdown-list-item:hover{background:var(--surface-hover);color:var(--text-main)}.dropdown-list-item.active{background:var(--primary-glow);color:var(--primary)}.dropdown-no-results{color:var(--text-dim);text-align:center;padding:16px;font-size:12px}.manual-log-modal{overflow:hidden;background:var(--surface)!important;border:1px solid var(--border)!important;box-shadow:0 20px 50px #0000004d!important}.file-upload-premium{transition:all .2s ease-in-out}.file-upload-premium:hover{border-color:var(--primary)!important;background:var(--primary-glow)!important;color:var(--primary)!important}.premium-input{transition:all .2s ease-in-out}.premium-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-glow)!important}.desktop-only-view{display:block}.mobile-only-view{display:none}@media (width<=768px){.desktop-only-view{display:none!important}.mobile-only-view{display:block!important}.attendance-mobile-list{flex-direction:column;gap:16px;padding:0 4px 20px;display:flex}.att-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 20px #00000026}.amc-header{justify-content:space-between;align-items:flex-start;display:flex}.amc-profile{align-items:center;gap:12px;display:flex}.amc-avatar{background:var(--primary-glow);width:44px;height:44px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.amc-name-col{flex-direction:column;gap:2px;display:flex}.amc-name-col h4{color:var(--text-main);margin:0;font-size:16px;font-weight:800}.amc-name-col span{color:var(--text-dim);font-size:12px;font-weight:600}.amc-time-track{background:var(--surface-hover);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.amc-time-node{flex-direction:column;align-items:center;gap:4px;display:flex}.node-label{color:var(--text-dim);letter-spacing:.1em;font-size:10px;font-weight:800}.node-time{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.amc-time-line{flex:1;align-items:center;margin:0 16px;display:flex}.line-bar{background:var(--border);flex:1;height:2px;position:relative}.line-dot{background:var(--border);border-radius:50%;width:6px;height:6px}.line-dot.left{background:var(--primary)}.amc-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.amc-proofs{gap:8px;display:flex}.amc-proof-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.amc-proof-btn:hover{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.amc-actions{gap:8px;display:flex}.amc-actions .status-btn{border:1px solid var(--border);background:var(--surface-hover);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.amc-actions .status-btn:hover{border-color:var(--primary);box-shadow:0 2px 10px var(--primary-glow)}}.image-proof-modal{width:100%;position:relative;overflow:hidden;background:#000!important;border:1px solid #ffffff1a!important;border-radius:20px!important;max-width:500px!important;padding:0!important;box-shadow:0 20px 40px #00000080!important}.image-proof-overlay-header{z-index:10;background:linear-gradient(#000c 0%,#0000 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.image-proof-overlay-header h3{color:#fff;text-shadow:0 2px 4px #00000080;margin:0;font-size:16px;font-weight:800}.image-proof-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.image-proof-close:hover{background:#ffffff4d;transform:scale(1.1)}.image-proof-content{background:#000;justify-content:center;align-items:center;width:100%;min-height:300px;display:flex;position:relative}.image-proof-content img{object-fit:contain;width:100%;height:auto;max-height:80vh;display:block}.image-proof-meta{color:#3b82f6;z-index:10;background:linear-gradient(#0000 0%,#000000e6 100%);align-items:center;gap:8px;padding:24px 20px 20px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.employee-att-container{background:var(--bg);flex-direction:column;gap:0;width:100%;max-width:520px;min-height:100vh;margin:0 auto;padding:0 0 100px;display:flex}@media (width<=640px){.employee-att-container{width:100%;max-width:100%;margin:0}}.vertical-profile-header{background:var(--bg);flex-direction:column;align-items:center;padding:30px 20px 24px;display:flex}.vp-avatar-container{flex-direction:column;align-items:center;margin-bottom:12px;display:flex;position:relative}.vp-avatar{object-fit:cover;border:4px solid var(--surface);z-index:1;border-radius:50%;width:90px;height:90px;box-shadow:0 8px 24px #0000001f}.vp-role-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:2;background:#10b981;border-radius:12px;margin-top:-14px;padding:4px 12px;font-size:10px;font-weight:800;box-shadow:0 4px 10px #10b9814d}.vp-name{color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:800}.vp-designation{color:var(--text-secondary);margin:0 0 16px;font-size:13px;font-weight:600}.vp-security-badge{color:#10b981;text-transform:uppercase;letter-spacing:.05em;background:#10b9811a;border:1px solid #10b981;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:11px;font-weight:800;display:inline-flex}.vp-divider{background:var(--border);width:100%;height:1px;margin:24px 0}.vp-status-pill{background:var(--surface);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--border);border-radius:20px;padding:10px 24px;font-size:12px;font-weight:800;box-shadow:0 4px 12px #0000000d}.att-dashboard-grid{flex-direction:column;gap:16px;padding:0 16px 16px;display:flex}.att-left-column{flex-direction:column;gap:16px;display:flex}.attendance-card-premium{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 20px 24px;box-shadow:0 4px 12px #00000008}.attendance-card-premium .action-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.attendance-card-premium .card-title{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.elapsed-timer-badge{color:var(--primary);letter-spacing:.05em;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:monospace;font-size:13px;font-weight:800;display:flex}.timer-icon-spin{animation:3s linear infinite spin}.attendance-card-premium .action-buttons-group{grid-template-columns:1fr 1fr;gap:12px;display:grid}.attendance-card-premium .big-btn{cursor:pointer;letter-spacing:.08em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100px;font-size:11px;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.attendance-card-premium .big-btn.in{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;box-shadow:0 8px 24px -4px #10b98173}.attendance-card-premium .big-btn.in:active:not(:disabled){transform:scale(.96);box-shadow:0 4px 12px -2px #10b9814d}.attendance-card-premium .big-btn.in.disabled{opacity:.8;cursor:not-allowed;color:#3b82f666!important;box-shadow:none!important;background:#3b82f60a!important;border:1.5px dashed #3b82f633!important}.attendance-card-premium .big-btn.out{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;box-shadow:0 8px 24px -4px #ef444473}.attendance-card-premium .big-btn.out:active:not(:disabled){transform:scale(.96);box-shadow:0 4px 12px -2px #ef44444d}.attendance-card-premium .big-btn.out.disabled{opacity:.8;cursor:not-allowed;color:#ef444466!important;box-shadow:none!important;background:#ef44440a!important;border:1.5px dashed #ef444433!important}.attendance-card-premium .shift-info-footer{background:var(--surface-hover);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.attendance-card-premium .footer-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.attendance-card-premium .footer-item strong{color:var(--text-primary)}.permissions-alert-banner{background:#f59e0b14;border:1px solid #f59e0b40;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:12px 16px;display:flex}.permissions-alert-banner .alert-icon{margin-top:1px;font-size:18px}.permissions-alert-banner .alert-text{flex-direction:column;gap:4px;display:flex}.permissions-alert-banner .alert-text strong{color:#d97706;font-size:13px;font-weight:700}.permissions-alert-banner .alert-text p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.5}.btn-alert-help{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:none;align-self:flex-start;padding:4px 0 0;font-size:11px;font-weight:700;text-decoration:underline}.stepper-title{color:var(--text-primary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.stepper-cancel-btn{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.stepper-cancel-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.step-status.success-txt{color:var(--success)}.step-status.error-txt{color:#ef4444}@keyframes radar-pulse{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(1.2)}}@keyframes bounce-pin{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes scale-up{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.camera-inline-frame{border:3px solid var(--primary);border-radius:50%;width:160px;height:160px;margin:0 auto 14px;position:relative;overflow:hidden;box-shadow:0 0 24px #3b82f640}@keyframes laser-slide{0%{top:0%}50%{top:100%}to{top:0%}}.btn-stepper-retry,.btn-stepper-cancel{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s}.btn-stepper-retry{background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px -2px #3b82f659}.btn-stepper-retry:active{transform:scale(.96)}.calendar-main-card,.insights-card-premium{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000008}.calendar-main-card .cal-header-flex{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.calendar-main-card .cal-label{color:var(--text-primary);letter-spacing:.04em;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.calendar-main-card .cal-nav-btns{gap:8px;display:flex}.calendar-main-card .cal-nav-btns button{border:1px solid var(--border);background:var(--surface-hover);cursor:pointer;width:36px;height:36px;color:var(--text-primary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;transition:background .2s;display:flex}.calendar-main-card .cal-nav-btns button:active{background:var(--border)}.calendar-matrix-grid{background:var(--surface-hover);border:1px solid var(--border);border-radius:18px;grid-template-columns:repeat(7,1fr);gap:6px;padding:14px;display:grid}.cal-day-header{text-align:center;color:var(--text-tertiary);letter-spacing:.04em;padding-bottom:6px;font-size:9px;font-weight:700}.cal-dot-box{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.cal-dot-box:active{transform:scale(.94)}.cal-dot-box.approved{background:#fef3c7;border-color:#fde68a}.cal-dot-box.approved .dot-date{color:#b45309;font-weight:700}.cal-dot-box.approved .dot-hours{color:#b45309;font-size:8px;font-weight:700}.cal-dot-box.pending{background:#f59e0b0d;border-color:#f59e0b26}.cal-dot-box.pending .dot-date,.cal-dot-box.pending .dot-hours{color:#d97706}.cal-dot-box.absent{background:#fee2e2;border-color:#fca5a5}.cal-dot-box.absent .dot-date{color:#dc2626;font-weight:700}.cal-dot-box.absent .dot-absent{color:#dc2626;font-weight:700;font-size:7px!important}.cal-dot-box.today{border:2px solid #3b82f6;box-shadow:0 0 10px #3b82f640}.cal-dot-box.empty{cursor:default;pointer-events:none;background:0 0;border:none}.cal-dot-box .dot-date{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1}.cal-dot-box .dot-hours{color:var(--text-secondary);margin-top:3px;font-size:8px;font-weight:600}.cal-dot-box .dot-absent{margin-top:3px;font-weight:600;font-size:7px!important}.permissions-help-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.permissions-help-modal{background:var(--surface);border:1px solid var(--border);border-radius:28px 28px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:80vh;display:flex;overflow:hidden auto;box-shadow:0 -20px 60px -10px #00000040}.help-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.help-modal-header h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.close-help-btn{background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;display:flex}.help-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex}.help-intro-text{color:var(--text-primary);margin:0;font-size:13px;line-height:1.6}.help-guide-steps{flex-direction:column;gap:16px;display:flex}.guide-step-row{align-items:flex-start;gap:12px;display:flex}.step-num{width:24px;height:24px;color:var(--primary);background:#3b82f61a;border:1px solid #3b82f640;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:800;display:flex}.step-text{flex-direction:column;gap:4px;display:flex}.step-text strong{color:var(--text-primary);font-size:13px;font-weight:700}.step-text p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.help-modal-footer{padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:var(--surface-hover);border-top:1px solid var(--border);gap:10px;display:flex}.btn-modal-reload,.btn-modal-close{cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;flex:1;padding:13px 16px;font-size:13px;font-weight:700;transition:all .2s}.btn-modal-reload{background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px -2px #3b82f659}.btn-modal-reload:active{transform:scale(.97)}.btn-modal-close{border:1.5px solid var(--border);color:var(--text-primary);background:0 0}.insights-card-premium .card-title-sm{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);align-items:center;gap:8px;margin:0 0 16px;font-size:11px;font-weight:800;display:flex}.insights-card-premium .insights-list{flex-direction:column;gap:10px;display:flex}.insights-card-premium .insight-row{background:var(--surface-hover);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.insights-card-premium .i-icon{background:var(--surface);width:36px;height:36px;color:var(--primary);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.insights-card-premium .i-text{flex-direction:column;display:flex}.insights-card-premium .i-lab{color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700}.insights-card-premium .i-val{color:var(--text-primary);margin-top:1px;font-size:16px;font-weight:800}.insights-card-premium .goal-meter{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.insights-card-premium .meter-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.insights-card-premium .meter-bar{background:var(--surface-hover);border-radius:100px;height:6px;overflow:hidden}.insights-card-premium .meter-fill{background:linear-gradient(90deg, var(--primary) 0%, #60a5fa 100%);border-radius:100px;height:100%}@media (width>=640px){.employee-att-container{gap:20px;padding:24px 24px 48px}.att-header-premium{border:1px solid var(--border);border-radius:20px;padding:20px 28px;position:static}.att-dashboard-grid{grid-template-columns:360px 1fr;align-items:start;gap:20px;display:grid}.att-left-column{gap:20px}.attendance-card-premium,.calendar-main-card,.insights-card-premium{border:1px solid var(--border);border-top:1px solid var(--border);border-radius:24px}.attendance-card-premium .big-btn{height:110px}.permissions-help-backdrop{align-items:center;padding:20px}.permissions-help-modal{border-radius:24px;max-height:85vh}}@media (width>=1024px){.employee-att-container{max-width:1100px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.tracking-page{padding:0 40px 40px}.tracking-layout{gap:var(--spacing-lg);grid-template-columns:1fr 360px;height:520px;display:grid}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.live-status{background:var(--success-bg);border:1px solid var(--accent-glow);text-transform:uppercase;color:var(--primary);white-space:nowrap;letter-spacing:.5px;box-shadow:var(--shadow-sm);border-radius:30px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:800;display:flex}.pulse-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #3b82f666}70%{transform:scale(1);box-shadow:0 0 0 20px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.map-container{border:1px solid var(--border);border-radius:16px;height:100%;padding:0;position:relative;overflow:hidden;background:var(--surface)!important}.leaflet-container,.leaflet-control-container,.leaflet-tile-pane,.leaflet-tile,.leaflet-layer,.leaflet-tile-container{filter:none!important;background:var(--surface)!important;mix-blend-mode:normal!important}.leaflet-tile-pane img,.leaflet-layer img,.leaflet-tile-container img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}.tracking-sidebar{gap:var(--spacing-lg);flex-direction:column;display:flex}.active-list{flex-direction:column;height:100%;display:flex;overflow:hidden}.list-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.employees-scroll{flex-direction:column;gap:12px;height:388px;padding-right:4px;display:flex;overflow-y:auto}.tracking-item{background:var(--highlight);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px;transition:all .2s}.tracking-item:hover{background:var(--surface-hover);border-color:var(--primary-glow)}.tracking-item-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.user-dot{border-radius:50%;width:8px;height:8px}.user-name{flex:1;font-size:13px;font-weight:600}.user-site{color:var(--text-tertiary);font-size:11px}.tracking-item-details{color:var(--text-tertiary);justify-content:space-between;font-size:11px;display:flex}.sidebar-search-block{align-items:center;width:100%;display:flex;position:relative}.sidebar-search-icon{color:var(--text-dim);opacity:.6;pointer-events:none;position:absolute;left:12px}.sidebar-search-input{background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);outline:none;padding:10px 32px 10px 36px;font-size:13px;font-weight:600;transition:all .2s}.sidebar-search-input:focus{border-color:var(--primary);background:var(--surface)}.sidebar-search-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:16px;display:flex;position:absolute;right:12px}.user-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b98180}.user-dot.inactive{background-color:#94a3b8}.tracking-item.selected{border-color:var(--primary);background:var(--primary-glow)!important}.floating-telemetry-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);width:320px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:16px;padding:20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:absolute;bottom:24px;left:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-telemetry-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:background .2s;display:flex;position:absolute;top:14px;right:14px}.close-telemetry-btn:hover{background:var(--surface-hover);color:var(--text-main)}.telemetry-card-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.telemetry-avatar-box{background:var(--primary-glow);width:42px;height:42px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.telemetry-card-header h4{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.telemetry-card-header p{color:var(--text-dim);margin:2px 0 0;font-size:11px}.telemetry-stats-deck{flex-direction:column;gap:12px;display:flex}.telemetry-stat{flex-direction:column;gap:4px;display:flex}.telemetry-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px;font-size:10px;font-weight:700}.telemetry-val-badge{border-radius:6px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700}.telemetry-val-badge.active{color:#10b981;background:#10b98126}.telemetry-val-badge.inactive{color:#94a3b8;background:#94a3b826}.telemetry-sub-stats{flex-direction:column;gap:2px;display:flex}.t-icon-label{color:var(--text-main);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.telemetry-val-code{background:var(--surface-hover);color:var(--primary);border-radius:6px;width:fit-content;padding:4px 8px;font-family:monospace;font-size:11px}@keyframes pulse-map{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}@media (width<=1100px){.tracking-layout{grid-template-columns:1fr;height:auto}.map-container{height:500px}.tracking-sidebar{height:auto}}@media (width<=768px){.tracking-page{padding:16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.live-status{justify-content:center;width:100%}.map-container{border-radius:12px;height:350px}.tracking-sidebar{gap:20px}.employees-scroll{height:388px}}@media (width<=480px){.page-title{font-size:24px}.map-container{height:300px}}.payslip-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;background:#000000d9;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.payslip-modal-content{color:#1a1a1a;background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.payslip-header-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffffe6;border-bottom:1px solid #eee;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex;position:sticky;top:0;right:0}.btn-icon{cursor:pointer;color:#666;background:#fff;border:1px solid #eee;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-icon:hover{color:#000;background:#f8f9fa;border-color:#ddd}.btn-icon.close:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.payslip-content-printable{padding:60px}.receipt-container{color:#000;max-width:450px;margin:0 auto;font-family:Courier New,Courier,monospace}.receipt-header{text-align:center;margin-bottom:20px}.receipt-header h1{letter-spacing:2px;margin:0;font-size:28px}.receipt-header p{margin:4px 0;font-size:14px;font-weight:700}.receipt-divider{border-bottom:2px solid #000;margin:10px 0}.receipt-divider.dashed{border-bottom:1px dashed #000}.receipt-section{padding:10px 0}.receipt-row{justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.receipt-total{border-top:2px solid #000;border-bottom:2px solid #000;justify-content:space-between;margin:10px 0;padding:15px 0;font-size:20px;font-weight:900;display:flex}.receipt-footer{text-align:center;margin-top:20px;font-size:12px}.receipt-footer p{margin:4px 0}.receipt-footer .timestamp{opacity:.6;font-size:10px}@media print{@page{margin:2cm;size:A4}body *{visibility:hidden!important}#printable-payslip,#printable-payslip *{visibility:visible!important}#printable-payslip{color:#000!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;position:fixed!important;top:0!important;left:0!important}.receipt-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.receipt-header h1{margin-bottom:10pt!important;font-size:36pt!important}.receipt-header p{font-size:20pt!important}.receipt-section{padding:20pt 0!important}.receipt-row{margin-bottom:15pt!important;font-size:16pt!important}.receipt-total{margin:20pt 0!important;padding:25pt 0!important;font-size:28pt!important}.receipt-footer{margin-top:50pt!important;font-size:14pt!important}.receipt-footer .timestamp{font-size:11pt!important}}.payroll-page{gap:var(--spacing-lg);flex-direction:column;padding-top:10px;display:flex}.payroll-page [style*="overflowX: auto"],.payroll-page [style*="overflow-x: auto"]{scrollbar-width:thin;scrollbar-color:var(--primary) transparent}.payroll-page [style*="overflowX: auto"]::-webkit-scrollbar{height:5px}.payroll-page [style*="overflow-x: auto"]::-webkit-scrollbar{height:5px}.payroll-page [style*="overflowX: auto"]::-webkit-scrollbar-track{background:0 0}.payroll-page [style*="overflow-x: auto"]::-webkit-scrollbar-track{background:0 0}.payroll-page [style*="overflowX: auto"]::-webkit-scrollbar-thumb{background:var(--primary);opacity:.6;border-radius:4px}.payroll-page [style*="overflow-x: auto"]::-webkit-scrollbar-thumb{background:var(--primary);opacity:.6;border-radius:4px}.page-header-premium{justify-content:space-between;align-items:center;gap:20px;margin-top:0;margin-bottom:24px;padding-top:0;display:flex}.header-text{flex-direction:column;gap:2px;display:flex}.header-text p{color:var(--text-secondary);margin:0;padding:0}.header-actions{align-items:center;gap:12px;display:flex}@media (width<=768px){.page-header-premium{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{justify-content:flex-start;width:100%}}.payroll-page h1{margin-top:0;margin-bottom:0}.stats-grid-premium{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:0;display:grid}.stat-card-premium{border:1px solid var(--border);background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all .4s var(--ease-premium);flex-direction:column;flex-shrink:0;gap:16px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card-premium:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 15px 30px -10px #0003}.stat-icon-wrap{background:var(--primary-glow);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-content{flex-direction:column;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:4px;font-size:11px;font-weight:700}.stat-value{color:var(--text-primary);margin:0;font-size:24px;font-weight:800}.stat-trend{align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:24px;right:24px}.table-header-controls{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.emp-brief{align-items:center;gap:12px;display:flex}.emp-initials{background:var(--surface-bright);width:36px;height:36px;color:var(--primary);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex}.v-stack{flex-direction:column;display:flex}.v-stack .name{color:var(--text-main);font-weight:600}.v-stack .id{color:var(--text-dim);font-size:11px}.ot-badge{background:var(--highlight);color:var(--text-dim);border-radius:4px;padding:2px 8px;font-size:12px}.ot-badge.active{background:var(--primary-glow);color:var(--primary);font-weight:600}.gross-value{color:var(--text-main);font-weight:700}.status-pill.pending{background:var(--primary-glow);color:var(--primary)}.icon-btn-small{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:4px;transition:all .2s}.icon-btn-small:hover{color:var(--primary);transform:translate(2px)}@media (width<=768px){.payroll-page{padding:12px}.stats-grid-premium{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.stat-card-premium{border-radius:16px;gap:10px;padding:16px}.stat-icon-wrap{border-radius:8px;width:32px;height:32px}.stat-value{letter-spacing:-.02em;font-size:18px}.stat-label{font-size:9px}.table-header-controls{flex-direction:column;align-items:stretch;gap:16px}.table-controls{flex-direction:column;gap:12px;padding:16px}.search-bar{width:100%}.action-row-mini{justify-content:center;width:100%}.icon-btn,.action-row-mini .btn{flex:1;justify-content:center;width:100%}.enterprise-table,.enterprise-table thead,.enterprise-table tbody,.enterprise-table th,.enterprise-table td,.enterprise-table tr{display:block}.enterprise-table thead{display:none}.enterprise-table tr{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:16px;padding:20px;position:relative}.enterprise-table td{justify-content:space-between;align-items:center;padding:12px 0;display:flex;border:none!important;border-bottom:1px solid var(--border)!important}.enterprise-table td:last-child{justify-content:flex-end;margin-top:8px;padding-top:12px;border-bottom:none!important}.enterprise-table td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-tertiary);margin-right:12px;font-size:11px;font-weight:700}.enterprise-table td:first-child{color:var(--primary);width:100%;margin-bottom:8px;padding-bottom:12px;font-size:16px;font-weight:800;display:block;border-bottom:2px solid var(--border)!important}.enterprise-table td:first-child:before{display:none}}@media (width<=480px){.stat-value{font-size:20px}.badge{min-width:60px;font-size:9px}}.table-controls{z-index:20;justify-content:space-between;align-items:center;margin-bottom:0;display:flex;position:relative}.search-bar{background:var(--surface-bright);border:1px solid var(--border);width:320px;transition:all .3s var(--ease-premium);border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);transform:translateY(-1px)}.search-bar input{width:100%;padding:4px 0;font-size:14px;color:var(--text-primary)!important;background:0 0!important;border:none!important;outline:none!important}.search-bar input::placeholder{color:var(--text-dim);opacity:.6}.search-bar svg{color:var(--primary)}.month-picker-input{background:var(--surface-bright);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:all .3s var(--ease-premium);border-radius:12px;outline:none;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.month-picker-input:hover{border-color:var(--text-dim)}.month-picker-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.action-row-mini{justify-content:flex-start;align-items:center;gap:12px;display:flex}.icon-btn{background:var(--surface-bright);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;width:auto;min-width:36px;height:36px;transition:all .2s var(--ease-premium);border-radius:10px;justify-content:center;align-items:center;padding:0 12px;display:flex}.icon-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.icon-btn.highlight{color:var(--primary);border-color:var(--primary-glow);background:var(--primary-glow)}.icon-btn.highlight:hover{background:var(--primary);color:#000}.badge{text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-width:75px;padding:6px 12px;font-size:10px;font-weight:800;transition:all .3s;display:inline-flex}.badge-pending{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-bg)}.badge-processing{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.badge-paid{background:var(--success);color:#fff;box-shadow:var(--shadow-sm);font-weight:900}.badge-present{color:#10b981;background:#10b9811a;border-color:#10b98133}.badge-late{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.badge-absent{color:#ef4444;background:#ef44441a;border-color:#ef444433}.badge-scheduled{color:var(--text-secondary);background:#ffffff0d;border-color:#ffffff1a}.enterprise-table th,.enterprise-table td{vertical-align:middle;padding:16px 24px}.enterprise-table tbody tr{transition:all .2s var(--ease-premium)}.enterprise-table tbody tr:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.btn-generate{cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-premium);background:linear-gradient(135deg,#10b981,#059669);border:1px solid #10b981;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #10b98133;color:#fff!important}.btn-generate:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.btn-view-slip{cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-premium);background:linear-gradient(135deg, var(--primary), var(--primary-hover));border:1px solid var(--primary);box-shadow:0 4px 12px var(--primary-glow);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;color:#fff!important}.btn-view-slip:hover{background:linear-gradient(135deg, var(--primary-hover), var(--primary));box-shadow:0 6px 16px var(--primary-glow);transform:translateY(-1px)}.payroll-dashboard-premium{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;margin-bottom:24px;padding:32px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.dashboard-header h3{color:var(--text-primary);background:linear-gradient(135deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.4rem;font-weight:800}.dashboard-filters{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.dashboard-filter-select{width:250px}.month-filter-wrap{position:relative}.month-filter-input{background:var(--surface-bright);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:12px;outline:none;padding:8px 16px;font-family:inherit;font-size:14px;transition:all .3s}.month-filter-input:hover,.month-filter-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.month-filter-input::-webkit-calendar-picker-indicator{filter:invert();opacity:.5;cursor:pointer}.month-filter-input::-webkit-calendar-picker-indicator:hover{opacity:1}.chart-wrapper{background:0 0;border:none;padding:16px 16px 0 0}.chart-tooltip-premium{background:var(--surface-bright);border:1px solid var(--border);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px #00000080}.chart-tooltip-premium .tooltip-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:800}.chart-tooltip-premium .tooltip-details{flex-direction:column;gap:6px;display:flex}.chart-tooltip-premium .tooltip-row{color:var(--text-secondary);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.chart-tooltip-premium .tooltip-row strong{color:var(--text-primary)}.chart-tooltip-premium .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.chart-tooltip-premium .salary-dot{background:var(--primary)}.chart-tooltip-premium .hours-dot{background:#6366f1}.payroll-dashboard-premium.bottom-chart{margin-top:24px;margin-bottom:0}.empty-chart{height:300px;color:var(--text-tertiary);justify-content:center;align-items:center;font-weight:600;display:flex}.analytics-dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;margin-top:24px;display:grid}@media (width<=1024px){.analytics-dashboard-grid{grid-template-columns:1fr}}.analytics-widget{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:16px;padding:24px;transition:all .3s;display:flex}.analytics-widget:hover{border-color:var(--primary-glow);box-shadow:0 10px 30px #00000026}.analytics-widget h3{color:var(--text-primary);letter-spacing:.02em;border-bottom:1px solid var(--border);margin:0;padding-bottom:12px;font-size:14px;font-weight:800}.leaderboard-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.leaderboard-columns{grid-template-columns:1fr}}.leaderboard-list{flex-direction:column;gap:12px;display:flex}.leaderboard-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.leaderboard-item-header{justify-content:space-between;align-items:center;font-size:13px;display:flex}.leaderboard-item-name{color:var(--text-primary);font-weight:700}.leaderboard-item-value{color:var(--primary);font-weight:800}.leaderboard-progress-bg{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.leaderboard-progress-fill{border-radius:3px;height:100%;transition:width 1s ease-out}.leaderboard-progress-fill.payout{background:linear-gradient(90deg, var(--primary) 0%, #3b82f6 100%)}.leaderboard-progress-fill.overtime{background:linear-gradient(90deg,#6366f1 0%,#a855f7 100%)}.employee-payroll-history{flex-direction:column;gap:24px;display:flex}.history-section-title{color:var(--text-primary);align-items:center;margin:0 0 16px;font-size:16px;font-weight:800;display:flex}.active-cycle-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:20px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000d}.active-cycle-card:before{content:"";background:var(--warning);width:4px;height:100%;position:absolute;top:0;left:0}.cycle-header{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.cycle-month{color:var(--text-primary);font-size:18px;font-weight:800}.cycle-status{text-transform:uppercase;border-radius:12px;padding:6px 12px;font-size:11px;font-weight:800}.cycle-status.pending{background:var(--warning-bg);color:var(--warning)}.cycle-body{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cycle-metric{background:var(--surface-hover);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:16px;display:flex}.cycle-metric label{color:var(--text-tertiary);text-transform:uppercase;font-size:11px;font-weight:700}.cycle-metric span{color:var(--text-primary);font-size:20px;font-weight:800}.cycle-metric.gross{background:var(--primary-glow);border-color:var(--primary)}.cycle-metric.gross label,.cycle-metric.gross span{color:var(--primary)}.payslip-history-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.payslip-card-premium{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:16px;padding:20px;transition:all .3s;display:flex}.payslip-card-premium:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 10px 30px #3b82f61a}.ps-header{justify-content:space-between;align-items:center;display:flex}.ps-month{color:var(--text-main);font-size:15px;font-weight:800}.ps-status{text-transform:uppercase;border-radius:10px;padding:4px 10px;font-size:10px;font-weight:800}.ps-status.pending{background:var(--warning-bg,#fef08a);color:var(--warning,#854d0e)}.ps-status.processing{color:#1e40af;background:#bfdbfe}.ps-status.paid{background:var(--success,#bbf7d0);color:#fff}.ps-metrics{gap:12px;display:flex}.ps-metric{background:var(--surface-hover);color:var(--text-secondary);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.ps-net{background:var(--surface-bright);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;padding:16px;display:flex}.ps-net label{color:var(--text-tertiary);text-transform:uppercase;font-size:10px;font-weight:700}.ps-amount{color:var(--text-primary);margin-top:4px;font-size:22px;font-weight:800}.btn-view-slip{background:var(--primary,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-view-slip:hover{background:#2563eb;transform:translateY(-1px)}@media (width<=768px){.cycle-body,.payslip-history-grid{grid-template-columns:1fr}}.sites-page{background:var(--bg);flex-direction:column;height:calc(100vh - 80px);margin:-32px -40px;padding-bottom:32px;display:flex;overflow:hidden}.sites-layout{flex:1;grid-template-columns:1fr 480px;gap:20px;height:100%;padding-right:32px;display:grid;overflow:hidden}.sites-list-section{scrollbar-gutter:stable;height:100%;padding:32px 40px;overflow-y:auto}.sites-list-section::-webkit-scrollbar{width:10px}.sites-list-section::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--border)}.sites-list-section::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:5px}.sites-list-section::-webkit-scrollbar-thumb:hover{background:var(--primary)}.map-preview-section{z-index:10;background:0 0;height:100%;padding-top:32px;padding-bottom:32px}.search-filter-card{margin-bottom:24px;padding:12px 20px}.search-box{align-items:center;gap:12px;display:flex}.search-box input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%}.sites-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}@media (width>=1400px){.sites-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.site-card{border:1px solid var(--border);transition:all .4s var(--ease-premium);background:var(--surface);min-height:180px;box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:visible;padding:0!important}.site-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg), 0 0 15px var(--primary-glow);transform:translateY(-5px)}.site-card.managed-site{border:2px solid var(--primary)}.site-card-header-premium{background:0 0;justify-content:space-between;align-items:flex-start;padding:12px 16px;display:flex}.site-identity{align-items:center;gap:12px;display:flex}.site-icon-premium{background:var(--surface-hover);width:36px;height:36px;color:var(--primary);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-title-group h3{color:var(--text-primary);letter-spacing:-.01em;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.address-premium{color:var(--text-secondary);margin:1px 0 0;font-size:10px;font-weight:500;line-height:1.3;display:block}.status-badge-premium{background:var(--primary-glow);border:1px solid var(--primary);color:var(--primary);letter-spacing:.05em;white-space:nowrap;border-radius:5px;padding:2px 6px;font-size:8px;font-weight:900}.site-card-content-premium{flex:1;padding:0 16px 12px}.intel-row-premium{grid-template-columns:1fr 1fr;gap:6px;display:grid}.intel-item-premium{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .3s;display:flex}.intel-item-premium:hover{background:var(--surface-bright);border-color:var(--primary)}.intel-item-premium svg{color:var(--primary);opacity:.8;flex-shrink:0}.intel-text{flex-direction:column;display:flex}.intel-value{color:var(--text-main);font-size:14px;font-weight:800}.intel-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:600}.site-card-footer-premium{background:0 0;border-bottom-right-radius:20px;border-bottom-left-radius:20px;margin-top:auto;padding:12px 16px}.btn-center-map{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-premium);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:11px;font-weight:700;display:flex}.btn-center-map:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.icon-btn-premium{background:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin-left:8px;transition:all .2s;display:flex}.icon-btn-premium.edit{background:var(--success-bg);color:var(--success);border:1px solid var(--accent-glow)}.icon-btn-premium.edit:hover{background:var(--success);color:#fff}.icon-btn-premium.delete{background:var(--error-bg);color:var(--error);border:1px solid var(--error-bg)}.assigned-badge-on-border{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.1em;z-index:10;border-radius:20px;padding:4px 16px;font-size:10px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #3b82f64d}.icon-btn-premium.edit:hover{background:var(--success-bg);color:var(--success);border-color:var(--success)}.icon-btn-premium.delete:hover{background:var(--error-bg);color:var(--error);border-color:var(--error)}.site-actions-premium{display:flex}.map-preview-card{border:1px solid var(--border);background:var(--surface);height:100%;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;padding:0;display:flex;overflow:hidden}.map-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.map-legend{gap:12px;display:flex}.legend-item{align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.legend-item.active:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px}.legend-item.fence:before{content:"";border:1px dashed var(--primary);border-radius:50%;width:6px;height:6px}.map-visual-real{background:var(--surface-hover);z-index:1;flex:1;position:relative;overflow:hidden}.leaflet-tile{filter:none;transition:filter .3s}[data-theme=dark] .leaflet-tile{filter:invert()hue-rotate(180deg)saturate(2.5)brightness(.9)contrast(1.1)!important}.leaflet-container{background:var(--surface)!important}.leaflet-control-attribution{display:none!important}.map-footer-info{color:var(--text-secondary);background:var(--surface);align-items:center;gap:12px;padding:16px 24px;font-size:12px;display:flex}@media (width<=1200px){.sites-page{height:auto;margin:0;overflow-y:auto}.sites-layout{grid-template-columns:1fr;height:auto;padding:0 16px;overflow:visible}.map-preview-section{order:-1;height:520px;padding:16px 0}.sites-list-section{height:auto;padding:16px 0;overflow:visible}}@media (width<=768px){.sites-page{height:100vh;margin:0;padding:0;overflow:hidden}.sites-layout{height:100%;padding:0;display:block}.map-preview-section{z-index:0;width:100%;height:100%;margin:0;position:fixed;top:0;left:0}.map-preview-card{height:100%;box-shadow:none;background:0 0;border:none;border-radius:0}.map-header,.map-legend,.map-footer-info{display:none!important}.map-visual-real{height:100%}.leaflet-control-container .leaflet-top{top:80px}.sites-list-section{z-index:10;background:0 0;width:100%;padding:16px 0 100px;position:fixed;bottom:0;left:0;overflow-x:hidden}.search-filter-card{display:none}.sites-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:16px 16px 8px;display:flex;overflow-x:auto}.sites-grid::-webkit-scrollbar{display:none}.site-card{scroll-snap-align:center;border-radius:20px;flex-shrink:0;min-width:calc(100vw - 32px);min-height:auto;box-shadow:0 10px 40px #0003}.site-card-header-premium{padding:12px 16px}.site-icon-premium{width:32px;height:32px}.site-title-group h3{font-size:15px}.site-card-content-premium{padding:0 16px 12px}.intel-row-premium{grid-template-columns:1fr 1fr;gap:8px}.intel-item-premium{gap:8px;padding:8px 10px}.intel-value{font-size:13px}.intel-label{font-size:9px}.site-card-footer-premium{padding:10px 16px}.btn-center-map{padding:8px;font-size:12px}}@media (width<=480px){.page-title{font-size:24px}.map-header{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.map-legend{justify-content:space-between;width:100%}}.modal-content-large{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);width:95%;max-width:900px;box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;max-height:90vh;padding:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-body-scrollable{flex:1;padding:24px 32px;overflow-y:auto}.modal-two-column-layout{grid-template-columns:320px 1fr;align-items:start;gap:32px;display:grid}.modal-column{flex-direction:column;gap:24px;display:flex}.site-form-premium{flex-direction:column;display:flex;overflow:hidden}.form-group label{color:var(--text-secondary);letter-spacing:.02em;font-size:13px;font-weight:600}.input-with-icon svg{color:var(--primary);pointer-events:none;opacity:.9;position:absolute;left:18px}.input-with-icon input{background:var(--surface-hover);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:14px;padding:16px 20px 16px 56px;font-size:15px;transition:all .2s}.input-with-icon input:focus{border-color:var(--primary);background:var(--surface-bright);box-shadow:0 0 0 4px var(--primary-glow);outline:none}.input-with-icon input::placeholder{color:var(--text-tertiary);opacity:.6}.location-input-group{gap:12px;display:flex}.flex-1{flex:1}.icon-tool-btn-small{width:52px;height:52px;color:var(--primary);cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-tool-btn-small:hover{background:var(--primary);color:#000}.suggestions-dropdown{background:var(--surface-bright);border:1px solid var(--border);z-index:100;max-height:200px;box-shadow:var(--shadow-lg);border-radius:12px;margin-top:8px;overflow:hidden auto}.modal-footer-sticky{border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;justify-content:flex-end;gap:16px;padding:20px 32px;display:flex}.modal-footer .btn-ghost{color:var(--text-secondary)!important;background:var(--surface-hover)!important;border:1px solid var(--border)!important}.modal-footer .btn-ghost:hover{background:var(--border)!important;color:var(--text-primary)!important}.suggestion-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--surface-hover)}.suggestion-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.suggestion-text-stack{flex-direction:column;gap:2px;display:flex;overflow:hidden}.main-place{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sub-address{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.map-selection-section{background:var(--surface-hover);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.map-section-header{justify-content:space-between;align-items:center;display:flex}.map-section-header .title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.map-section-header .hint{color:var(--text-dim);font-size:11px;font-style:italic}.modal-map-container{border:1px solid var(--border);z-index:10;border-radius:12px;overflow:hidden}.modal-map-container .leaflet-tile-pane{filter:grayscale(.8)invert()opacity(.2)}[data-theme=light] .modal-map-container .leaflet-tile-pane{filter:grayscale(.5)opacity(.8)}.coord-preview-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.coord-box{background:var(--surface-hover);border:1px dashed var(--border);border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.coord-box span{color:var(--primary);letter-spacing:.1em;font-size:10px;font-weight:800}.coord-box code{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:16px}.geofence-control-center{background:var(--surface-hover);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:20px;padding:20px;display:flex}.geofence-header-premium{justify-content:space-between;align-items:center;display:flex}.geofence-header-premium .title{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.geofence-header-premium .value-badge{background:var(--primary-glow);color:var(--primary);border-radius:10px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.geofence-header-premium .value-badge span{opacity:.8;font-size:10px;font-weight:600}.geofence-slider-wrapper{flex-direction:column;gap:8px;display:flex}.premium-slider{-webkit-appearance:none;background:var(--border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.premium-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border:4px solid var(--bg);width:20px;height:20px;box-shadow:0 0 15px var(--primary-glow);cursor:pointer;border-radius:50%;transition:all .2s}.premium-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-labels{color:var(--text-dim);justify-content:space-between;font-size:10px;font-weight:600;display:flex}.geofence-input-sync{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:8px 12px;display:flex}.geofence-input-sync input{color:var(--text-primary);background:0 0;border:none;outline:none;width:60px;font-size:14px;font-weight:700}.geofence-input-sync .unit{color:var(--text-dim);letter-spacing:.05em;font-size:10px;font-weight:800}.geofence-hint{color:var(--text-dim);margin:0;font-size:11px;line-height:1.4}.map-selection-section-compact{flex-direction:column;gap:12px;display:flex}.modal-map-container-large{border:1px solid var(--border);z-index:10;box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.modal-map-container-large .leaflet-tile-pane{filter:grayscale(.8)invert()opacity(.2)}[data-theme=light] .modal-map-container-large .leaflet-tile-pane{filter:grayscale(.5)opacity(.8)}.spinner-icon{color:var(--primary);animation:1s linear infinite spin;position:absolute;right:16px}.spin{animation:1s linear infinite spin}@media (width<=800px){.modal-two-column-layout{grid-template-columns:1fr}.modal-map-container-large{height:250px!important}}.modal-header h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.modal-header .icon-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.modal-header .icon-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.profile-page{background:var(--bg);background-image:var(--mesh);min-height:calc(100vh - 80px);color:var(--text-main);background-attachment:fixed;padding:20px;transition:background .4s,color .4s;overflow-x:hidden}.profile-page.loading-state{justify-content:center;align-items:center;height:100vh;display:flex}.profile-hero-section{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);box-shadow:0 10px 25px -5px var(--primary-glow);border:1px solid #ffffff1a;border-radius:24px;margin-bottom:24px;padding:16px 32px;position:relative;overflow:hidden}.hero-background-mesh{opacity:.8;pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.hero-content{z-index:1;align-items:center;gap:64px;display:flex;position:relative}.hero-identity-text h1{color:#fff;letter-spacing:-.5px;font-size:32px;font-weight:800}.profile-avatar-wrapper{width:100px;height:100px;position:relative}.avatar-main{color:#fff;z-index:2;background:#ffffff1a;border:3px solid #fff;border-radius:40px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.avatar-main img{object-fit:cover;width:100%;height:100%}.avatar-status-ring{opacity:0;z-index:1;border:2px solid #fffc;border-radius:46px;animation:2.5s cubic-bezier(.25,0,0,1) infinite avatarPulse;position:absolute;inset:-6px}.avatar-edit-btn{background:var(--primary);color:#fff;cursor:pointer;width:36px;height:36px;transition:all .3s var(--ease-premium);box-shadow:0 4px 12px var(--primary-glow);border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-5px;right:-5px}.avatar-edit-btn:hover{transform:scale(1.1)rotate(15deg)}.hero-text-node h1{letter-spacing:-1px;color:var(--text-primary);margin:0;font-size:32px;font-weight:900}.hero-meta-badges{gap:12px;margin-top:16px;display:flex}.badge-row{align-items:center;gap:8px;display:flex}.badge-premium{text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;padding:6px 16px;font-size:11px;font-weight:800}.badge-premium.role{color:#fff;background:#ffffff26;border:1px solid #ffffff40}.badge-premium.id{color:var(--primary);background:#fff;border:1px solid #fff}.badge-premium.status.verified{color:#10b981;background:#10b9811a;border:1px solid #10b981}.badge-premium.status.pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b}.hero-quick-indicators{flex:1;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}.hero-indicator-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 20px;display:flex}.hero-indicator-card label{color:#93c5fd;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:9px;font-weight:800}.hero-indicator-card span{color:#fff;font-size:13px;font-weight:700}.status-indicator-badge{border-radius:100px;align-items:center;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-indicator-badge.verified{color:#34d399;background:#34d39926;border:1px solid #34d3994d}.status-indicator-badge.pending{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf244d}.manager-card .manager-header{color:#93c5fd;justify-content:center;align-items:center;gap:6px;display:flex}.manager-card .manager-header label{margin:0}.profile-grid{grid-template-columns:1.2fr .8fr;gap:24px;display:grid}.profile-section{border-radius:20px;margin-bottom:24px;padding:24px}.section-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-header h3{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:18px;font-weight:800}.creative-section-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin-top:12px;margin-bottom:24px;font-size:13px;font-weight:800;display:flex}.creative-section-title svg{color:var(--primary)}.ppd-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ppd-item{background:var(--surface);border:1px solid var(--border);border-radius:20px;align-items:flex-start;gap:16px;padding:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 20px #00000005}.ppd-item:hover{border-color:var(--primary-hover);transform:translateY(-5px);box-shadow:0 12px 30px #0000000f}.ppd-icon{width:48px;height:48px;color:var(--primary);background:#3b82f61a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.ppd-item:hover .ppd-icon{background:var(--primary);color:#fff;transform:scale(1.1)rotate(-5deg)}.ppd-content{flex-direction:column;gap:4px;display:flex}.ppd-content label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.ppd-content span{color:var(--text-primary);font-size:15px;font-weight:700}.virtual-bank-card{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1a;border-radius:24px;padding:32px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 20px 40px #0f172a66}.virtual-bank-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #0f172a80}.virtual-bank-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 60%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.virtual-bank-card:hover:before{opacity:1}.vbc-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.vbc-top span{letter-spacing:.1em;text-transform:uppercase;opacity:.9;font-size:15px;font-weight:800}.vbc-middle{flex-direction:column;gap:16px;margin-bottom:30px;display:flex}.vbc-chip{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);border-radius:6px;width:48px;height:36px;position:relative;overflow:hidden}.vbc-chip:after{content:"";border:1px solid #0003;border-radius:4px;position:absolute;inset:4px}.vbc-number{letter-spacing:4px;text-shadow:0 2px 4px #00000080;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700}.vbc-bottom{justify-content:space-between;align-items:flex-end;display:flex}.vbc-holder,.vbc-salary{flex-direction:column;gap:4px;display:flex}.vbc-bottom label{text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-size:9px;font-weight:800}.vbc-bottom span{letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:700}.vbc-salary{align-items:flex-end}.settings-list-creative{flex-direction:column;gap:12px;display:flex}.settings-item-node{background:var(--surface-hover);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.item-label{color:var(--text-primary);align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.password-mask-node{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:4px 4px 4px 12px;display:flex}.password-mask-node input{color:var(--text-secondary);background:0 0;border:none;outline:none;width:120px;font-family:monospace}.password-mask-node button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.creative-select{background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;outline:none;padding:8px 12px;font-weight:700}.creative-toggle{background:var(--border);cursor:pointer;border:none;border-radius:12px;width:48px;height:24px;padding:2px;transition:all .3s}.creative-toggle.active{background:var(--primary)}.toggle-knob{width:20px;height:20px;transition:all .3s var(--ease-premium);background:#fff;border-radius:50%}.creative-toggle.active .toggle-knob{transform:translate(24px)}.manifest-list{flex-direction:column;gap:10px;display:flex}.manifest-item{background:var(--surface-hover);border:1px solid var(--border);border-radius:12px;padding:12px}.manifest-item .m-label{color:var(--text-tertiary);margin-bottom:4px;font-size:11px;font-weight:800}.manifest-item .m-value{color:var(--text-primary);font-size:15px;font-weight:700}.profile-footer-meta{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;padding:20px;font-size:11px;font-weight:800;display:flex}@keyframes avatarPulse{0%{opacity:1;transform:scale(.95);box-shadow:0 0 #ffffffb3}to{opacity:0;transform:scale(1.2);box-shadow:0 0 0 16px #fff0}}@media (width<=1200px){.profile-grid{grid-template-columns:1fr}}@media (width<=768px){.profile-page{padding:16px}.profile-hero-section{border-radius:24px;margin-bottom:24px;padding:40px 20px}.hero-content{text-align:center;flex-direction:column;gap:24px}.profile-avatar-wrapper{order:-1}.hero-identity-text{order:0}.hero-quick-indicators{order:1;grid-template-columns:1fr;gap:12px;width:100%}.hero-text-node h1{font-size:32px}.hero-meta-badges,.badge-row{flex-wrap:wrap;justify-content:center}.ppd-grid{grid-template-columns:1fr}.virtual-bank-card{padding:24px 20px}.vbc-number{letter-spacing:2px;font-size:18px}.vbc-top span{font-size:13px}.vbc-bottom span{font-size:11px}.profile-section{padding:24px 20px}.settings-item-node{flex-direction:column;align-items:flex-start;gap:16px}.password-mask-node{justify-content:space-between;width:100%}.password-mask-node input{flex:1}}@media (width<=480px){.profile-avatar-wrapper{width:120px;height:120px}.hero-text-node h1{font-size:28px}.badge-premium{padding:4px 12px;font-size:10px}.vbc-number{letter-spacing:1px;font-size:16px}.vbc-chip{width:36px;height:28px}.ppd-item{padding:16px}.ppd-icon{width:40px;height:40px}}.manager-att-page{flex-direction:column;gap:16px;height:auto;min-height:100vh;animation:.4s ease-out fadeIn;display:flex;margin-top:0!important}.manager-att-page .main-header-row{flex-direction:column;gap:16px;width:100%;margin:0;padding:0;display:flex}.manager-att-page .filter-controls{flex-direction:column;gap:12px;width:100%;display:flex}.manager-att-page .filter-controls>*{width:100%!important}.manager-att-page .title-section h1{color:var(--text-primary);margin:0;font-size:24px;font-weight:800;line-height:1.1}.manager-att-page .title-section p{color:var(--text-tertiary);margin:2px 0 0;font-size:13px}.manager-att-grid{flex-direction:column;gap:20px;width:100%;display:flex}@media (width>=1200px){.manager-att-page{height:calc(100vh - 160px);min-height:0}.manager-att-page .main-header-row{flex-direction:row;justify-content:space-between;align-items:center}.manager-att-page .filter-controls{flex-direction:row;width:auto}.manager-att-page .filter-controls>*{width:auto!important}.manager-att-grid{grid-template-columns:1fr 350px;gap:24px;height:100%;display:grid}}.site-select-premium-static{background:var(--surface);border:1px solid var(--border);color:var(--text-main);border-radius:12px;align-items:center;min-width:180px;height:44px;padding:0 16px;font-size:14px;display:flex}.personal-status-card.ultra-compact-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:12px 16px;display:flex;box-shadow:0 4px 20px #0000000d}.compact-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.compact-profile{align-items:center;gap:12px;display:flex}.compact-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:40px;height:40px}.compact-info{flex-direction:column;display:flex}.compact-info h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.compact-role{color:var(--primary);background:var(--primary-glow);border-radius:6px;width:fit-content;margin-top:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.compact-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.mini-pill{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.status-indicator.mini-pill.active{color:var(--success);background:#10b9811a}.status-indicator.mini-pill.inactive{color:var(--danger);background:#ef44441a}.btn-my-clock.mini-pill{cursor:pointer;border:1px solid var(--primary);height:auto;color:var(--primary);background:0 0;transition:all .2s}.btn-my-clock.mini-pill.in{background:var(--primary);color:#fff}.compact-stats-row{background:var(--highlight);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.stat-item{flex-direction:column;flex:1;gap:2px;min-width:70px;display:flex}.stat-item.highlight{border-left:1px solid var(--border);padding-left:12px}.stat-label{color:var(--text-tertiary);letter-spacing:.5px;font-size:9px;font-weight:700}.stat-value{color:var(--text-primary);font-size:13px;font-weight:800}.stat-item.highlight .stat-value{color:var(--primary)}.emp-selection-card{display:none}.search-employee{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;margin-bottom:16px;padding:14px 20px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000000d}.search-employee:hover{box-shadow:0 4px 12px #00000026}.search-employee input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:4px 8px;font-size:14px}.search-employee input::placeholder{color:var(--text-tertiary)}.emp-list{flex:1;padding:8px;overflow-y:auto}.emp-item{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s;display:flex}.emp-item:hover{background:var(--surface-hover)}.emp-item.selected{background:var(--primary-glow);border-color:var(--primary)}.emp-avatar{background:var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.emp-avatar img{object-fit:cover;width:100%;height:100%}.emp-info{flex-direction:column;flex:1;align-items:center;display:flex}.emp-info .name{color:var(--text-primary);font-size:14px;font-weight:700}.emp-info .id{color:var(--text-tertiary);text-transform:uppercase;font-size:11px}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--border)}.action-control-card{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.empty-control{text-align:center;opacity:.6;max-width:300px}.pulse-icon{background:var(--primary-glow);width:80px;height:80px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;animation:2s infinite pulse;display:flex}.control-surface{flex-direction:column;width:100%;height:100%;padding:20px;display:flex}.selected-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.selected-header h3{margin:0;font-size:20px}.photo-capture-section{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.photo-preview-box{aspect-ratio:4/3;border:1px solid var(--border);background:#0d0d0d;border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:400px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000c}.camera-viewport{width:100%;height:100%;position:relative}.camera-video{object-fit:cover;width:100%;height:100%}.scanner-line{background:linear-gradient(to right, transparent, var(--primary), transparent);width:100%;height:4px;box-shadow:0 0 12px var(--primary);z-index:5;animation:2s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}.captured-preview{width:100%;height:100%;position:relative}.captured-preview img{object-fit:cover;width:100%;height:100%}.verification-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;height:100%;color:var(--text-primary);z-index:10;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex;position:absolute;top:0;left:0}.verification-overlay.success{color:#10b981;background:#10b98133}.verification-overlay.failed{color:#ef4444;background:#ef444433}.camera-controls-row{gap:12px;width:100%;max-width:400px;margin-top:4px;display:flex}.btn-capture-verify{background:var(--primary);color:#fff;cursor:pointer;height:52px;box-shadow:0 6px 20px var(--primary-glow);border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-capture-verify:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn-capture-verify:disabled{opacity:.6;cursor:not-allowed}.btn-flip{border:1px solid var(--border);background:var(--surface);width:52px;height:52px;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-flip:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.btn-retake{border:1px solid var(--border);background:var(--surface);width:100%;height:52px;color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-retake:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.btn-start-camera{background:var(--primary);color:#fff;cursor:pointer;width:100%;height:52px;box-shadow:0 6px 20px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-start-camera:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px)}.btn-start-camera:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:1s linear infinite spin}.warning-text{color:var(--warning);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:13px;font-weight:500;display:flex}.manager-att-loader{height:80vh;color:var(--primary);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.manager-card-actions-row{flex-direction:column;gap:12px;display:flex}.action-buttons-col{align-items:center;gap:12px;width:100%;display:flex}.action-buttons-col .status-indicator,.action-buttons-col .btn-my-clock{flex:1;justify-content:center}@media (width<=1200px){.manager-att-grid{flex-direction:column;height:auto;display:flex}.personal-status-card{order:-1}.action-control-card{order:0}.emp-selection-card{order:1;height:350px}}@media (width<=768px){.title-section{display:none}}.admin-exemption-badge{background:var(--surface);border:1.5px dashed var(--border);color:var(--text-primary);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:20px;padding:32px 24px;animation:.4s ease-out fadeIn;display:flex}.admin-exemption-badge strong{color:var(--primary);font-size:16px;font-weight:700}.admin-exemption-badge span{color:var(--text-tertiary);font-size:12px;line-height:1.5}.inline-verification-stepper{flex-direction:column;gap:16px;width:100%;display:flex}.stepper-header{justify-content:space-between;align-items:center;display:flex}.stepper-title{color:var(--text-primary);letter-spacing:.05em;font-size:13px;font-weight:800}.stepper-cancel-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:700}.stepper-cancel-btn:hover{color:var(--text-primary)}.stepper-progress{justify-content:center;align-items:center;gap:12px;margin:8px 0;display:flex}.step-dot{background:var(--surface-hover);border:2px solid var(--border);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;transition:all .3s;display:flex}.step-dot.current{border-color:var(--primary);color:var(--primary);background:#3b82f61a;box-shadow:0 0 8px #3b82f633}.step-dot.active{background:var(--primary);border-color:var(--primary);color:#fff}.step-line{background:var(--border);flex:1;max-width:60px;height:2px}.stepper-content{background:var(--surface-hover);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;min-height:180px;padding:20px;display:flex}.step-body{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.step-status{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.step-detail{color:var(--text-secondary);max-width:280px;margin:0;font-size:12px;line-height:1.5}.radar-animation{justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.radar-circle{border:2px solid var(--primary);opacity:0;border-radius:50%;width:100%;height:100%;animation:1.8s ease-out infinite radar-pulse;position:absolute}.radar-pin{color:var(--primary);z-index:2;animation:1s infinite alternate bounce-pin}.pulse-success-ring{border:2px solid var(--success);width:48px;height:48px;color:var(--success);background:#10b9811a;border-radius:50%;justify-content:center;align-items:center;animation:.3s cubic-bezier(.175,.885,.32,1.275) scale-up;display:flex}.error-triangle-icon{margin-bottom:4px;font-size:32px}.camera-inline-flow{width:100%}.camera-inline-frame{border:3px solid var(--border);width:130px;height:130px;box-shadow:var(--shadow-sm);border-radius:50%;margin:0 auto 12px;position:relative;overflow:hidden}.camera-inline-frame video{object-fit:cover;width:100%;height:100%}.camera-laser-scanner{background:var(--primary);width:100%;height:2px;box-shadow:0 0 8px var(--primary);animation:2s ease-in-out infinite laser-slide;position:absolute;top:0}.stepper-actions{justify-content:center;gap:12px;width:100%;margin-top:8px;display:flex}.btn-stepper-retry,.btn-stepper-cancel{cursor:pointer;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s}.btn-stepper-retry{background:var(--primary);color:#fff;border:none}.btn-stepper-retry:hover{background:#2563eb}.btn-stepper-simulate{background:var(--surface-hover);color:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s}.btn-stepper-simulate:hover{background:#3b82f614}.btn-stepper-cancel{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-stepper-cancel:hover{background:var(--surface)}.mobile-back-btn{display:none}@media (width<=1199px){.personal-status-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:20px!important;flex-direction:column!important;order:1!important;gap:16px!important;width:100%!important;margin:0 0 16px!important;padding:20px!important;display:flex!important;box-shadow:0 8px 32px #0000000a!important}.personal-status-card .profile-card-mini{border-bottom:1px solid var(--border);padding-bottom:16px;text-align:left!important;align-items:center!important;gap:16px!important;width:100%!important;display:flex!important}.profile-details-mini{flex-direction:column;flex:1;gap:4px;display:flex}.personal-status-card .avatar-wrapper{flex-shrink:0!important;width:70px!important;height:70px!important;margin:0!important}.personal-status-card .profile-card-mini h3{color:var(--text-primary)!important;margin:0!important;font-size:18px!important;font-weight:700!important}.personal-status-card .role-text{color:var(--text-secondary)!important;margin-bottom:0!important;font-size:13px!important}.personal-status-card .status-badge{padding:2px 8px!important;font-size:9px!important;bottom:-4px!important}.personal-status-card .biometric-verified-badge{color:#10b981!important;background:#10b98114!important;border:1px solid #10b98133!important;border-radius:20px!important;align-self:flex-start!important;margin-top:4px!important;padding:4px 10px!important;font-size:9px!important}.personal-status-card .personal-actions-sidebar{border-bottom:1px solid var(--border);padding-bottom:16px;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.personal-status-card .status-indicator{background:var(--border)!important;height:48px!important;color:var(--text-secondary)!important;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:12px!important;flex:1!important;margin:0!important;padding:0 16px!important;font-size:13px!important}.personal-status-card .status-indicator.active{color:#10b981!important;background:#10b98114!important;border-color:#10b98133!important}.personal-status-card .btn-my-clock{border-radius:12px!important;flex:1.5!important;height:48px!important;margin:0!important;font-size:14px!important;box-shadow:0 4px 12px #3b82f633!important}.personal-status-card .manager-duty-info{width:100%!important;margin-top:0!important}.personal-status-card .hours-summary-mini{width:100%!important;margin:0!important}.personal-status-card .hour-item{background:var(--highlight)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:12px 16px!important}.personal-status-card .hour-item .val{font-size:20px!important}.emp-selection-card{order:2!important;width:100%!important;margin:0 0 16px!important;display:flex!important}.action-control-card{order:3!important;width:100%!important;margin:0!important;display:flex!important}}.attendance-tab-switcher{background:var(--highlight);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.attendance-tab-switcher .tab-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:700;transition:all .2s}.attendance-tab-switcher .tab-btn:hover{color:var(--text-primary)}.attendance-tab-switcher .tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:0 4px 10px #00000026}.manual-attendance-form{flex-direction:column;gap:16px;padding-right:4px;display:flex;overflow-y:auto}.form-group-premium{flex-direction:column;gap:8px;display:flex}.form-group-premium label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.matrix-input{background:var(--highlight);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;outline:none;padding:12px 16px;font-size:14px;transition:all .2s}.matrix-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.file-upload-zone{width:100%;position:relative}.file-input-hidden{display:none}.file-upload-label{border:1.5px dashed var(--border);cursor:pointer;background:var(--highlight);border-radius:10px;justify-content:center;align-items:center;width:100%;height:100px;transition:all .2s;display:flex;overflow:hidden}.file-upload-label:hover{border-color:var(--primary);background:var(--primary-glow)}.upload-placeholder{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.upload-preview{object-fit:cover;width:100%;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:24px;width:100%;max-width:600px;padding:32px;box-shadow:0 20px 40px #0006}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{margin:0;font-size:20px;font-weight:700}.modal-form{flex-direction:column;gap:20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-dim);font-size:13px;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.profile-upload-section{border:1px solid var(--border);background:#ffffff05;border-radius:16px;align-items:center;gap:20px;margin-bottom:8px;padding:20px;display:flex}.avatar-preview{background:var(--surface-hover);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:visible}.avatar-preview img{object-fit:cover;border-radius:50%;width:100%;height:100%}.upload-badge{background:var(--primary);color:#fff;cursor:pointer;border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s;display:flex;position:absolute;bottom:0;right:0}.upload-badge:hover{transform:scale(1.1)}.upload-info h4{margin:0 0 4px;font-size:14px}.upload-info p{color:var(--text-dim);margin:0;font-size:12px}.input-with-icon svg{color:var(--text-dim);pointer-events:none;z-index:10;position:absolute;left:14px}.modal-form input,.modal-form select{background:var(--surface-hover);border:1px solid var(--border);width:100%;height:48px;color:var(--text-main);border-radius:14px;outline:none;padding:0 16px 0 44px;font-size:14px;transition:all .2s}.modal-form input:focus,.modal-form select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b1a}.face-enrollment-box{border:1px dashed var(--primary);background:#f59e0b0d;border-radius:16px;align-items:center;gap:16px;margin-top:8px;padding:16px;display:flex}.face-enrollment-box h4{color:var(--primary);margin:0;font-size:14px}.face-enrollment-box p{color:var(--text-dim);margin:4px 0 0;font-size:12px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.employee-details-page{max-width:100%;padding:0;animation:.5s ease-out fadeIn}.employee-hero-card-premium{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:32px;align-items:center;gap:2rem;margin-bottom:2rem;padding:2.5rem;display:flex;position:relative;overflow:hidden}.employee-hero-card-premium:after{content:"";background:radial-gradient(circle at 70% 30%, var(--primary-glow) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.hero-back-btn-top-right{background:var(--highlight);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.hero-back-btn-top-right:hover{color:#fff;background:#ffffff1a;transform:translate(-4px)}.hero-avatar-wrapper{flex-shrink:0;position:relative}.hero-avatar-large{border:4px solid var(--border);width:130px;height:130px;box-shadow:var(--shadow-lg);background:var(--surface-hover);color:var(--primary);border-radius:24px;justify-content:center;align-items:center;font-size:4rem;font-weight:700;display:flex;overflow:hidden}.hero-avatar-large img{object-fit:cover;width:100%;height:100%}.avatar-edit-badge{background:var(--primary);color:#fff;cursor:pointer;border:4px solid #141e33;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:-5px;right:-5px;box-shadow:0 4px 10px #0000004d}.avatar-edit-badge:hover{background:var(--primary-light);box-shadow:0 0 20px var(--primary-glow);transform:scale(1.1)rotate(15deg)}.hero-info-cluster h1{color:var(--text-primary);letter-spacing:-1px;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.hero-meta-tags{align-items:center;gap:12px;margin-bottom:.5rem;display:flex}.id-tag-premium{background:var(--highlight);color:var(--primary);border:1px solid var(--accent-glow);border-radius:100px;padding:6px 16px;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.credential-node-premium{background:var(--highlight);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:8px 16px;display:flex}.credential-node-premium label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.pass-toggle-node{background:var(--highlight-mid);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:4px 8px 4px 12px;display:flex}.pass-toggle-node input{color:#fff;background:0 0;border:none;outline:none;width:180px;font-family:JetBrains Mono,monospace;font-size:.95rem}.pass-visibility-btn{color:var(--text-dim);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.pass-visibility-btn:hover{color:#fff;border-color:var(--primary);background:#ffffff1a}.creative-overview-deck{gap:1.5rem;padding:1rem 0;display:flex}.deck-col-main{flex-direction:column;flex:2;gap:1.5rem;display:flex}.deck-col-side{flex:1}.deck-row-sub{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.glass-tile-premium{background:var(--glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-tile-premium:hover{box-shadow:var(--shadow-md);background:#ffffff05;transform:translateY(-4px)}.tile-header{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.tile-header h4{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);margin:0;font-size:.85rem;font-weight:800}.tile-header svg{box-sizing:content-box;border-radius:8px;padding:6px}.personal-details-tile .tile-header svg{color:var(--primary);background:var(--primary-glow)}.personal-details-tile:hover{border-color:var(--primary)}.salary-details-tile .tile-header svg{color:#10b981;background:#10b9811a}.salary-details-tile:hover{border-color:#10b981}.attendance-stats-tile .tile-header svg{color:#8b5cf6;background:#8b5cf61a}.attendance-stats-tile:hover{border-color:#8b5cf6}.passport-intelligence-tile .tile-header svg{color:#f59e0b;background:#f59e0b1a}.passport-intelligence-tile:hover{border-color:#f59e0b}.financial-node-tile .tile-header svg{color:#06b6d4;background:#06b6d41a}.financial-node-tile:hover{border-color:#06b6d4}.documentation-tile .tile-header svg{color:#ec4899;background:#ec48991a}.documentation-tile:hover{border-color:#ec4899}.tile-content-stack{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.info-item-stack{flex-direction:column;gap:6px;display:flex}.info-item-stack label{color:var(--text-tertiary);align-items:center;gap:8px;font-size:.75rem;display:flex}.info-item-stack span{color:var(--text-primary);font-size:.95rem;font-weight:600}.tile-data-large{flex-direction:column;display:flex}.large-value{color:var(--primary);letter-spacing:-1px;font-size:1.75rem;font-weight:800}.tile-data-large .label{color:var(--text-tertiary);margin-top:4px;font-size:.9rem}.tile-footer-meta{border-top:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:10px;margin-top:1rem;padding-top:1rem;font-size:.85rem;display:flex}.biometric-badge-premium{border:1px solid #ffffff1a;border-radius:100px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .3s}.biometric-badge-premium.verified{background:var(--success-bg);color:var(--success);border-color:var(--accent-glow)}.biometric-badge-premium.pending{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-bg)}.performance-tile{flex-direction:column;gap:1rem;display:flex}.mini-stat-cluster{flex-direction:row;gap:2rem;margin-bottom:0;display:flex}.sidebar-tile .tile-content-stack{flex-direction:column;gap:1.25rem;display:flex}.pending-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700;color:#f59e0b!important;background:#f59e0b1a!important}.mini-stat strong{color:var(--primary);font-size:1.5rem;font-weight:800;display:block}.efficiency-graph-placeholder{background:#0003;border-radius:20px;flex:1;align-items:flex-end;gap:10px;min-height:200px;padding:1.5rem;display:flex;position:relative;overflow:hidden}.bar-flow{background:linear-gradient(to top, var(--primary), transparent);opacity:.4;border-radius:6px;flex:1;height:60%;animation:4s ease-in-out infinite alternate flowHeight}.bar-flow.delayed{height:40%;animation-delay:1.5s}.intelligence-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem;display:grid}.intel-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.intel-icon{background:var(--primary-glow);width:64px;height:64px;color:var(--primary);border:1px solid var(--primary-border);border-radius:20px;justify-content:center;align-items:center;display:flex}.intel-content h3{margin:0;font-size:1.5rem;font-weight:800}.details-navigation{border-bottom:1px solid #ffffff14;gap:1.5rem;margin-top:.5rem;margin-bottom:1rem;display:flex}.nav-tab-premium{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem;font-weight:700;transition:all .3s;position:relative}.nav-tab-premium.active{color:var(--primary)}.nav-tab-premium.active:after{content:"";background:var(--primary);width:100%;height:3px;box-shadow:0 0 15px var(--primary-glow);position:absolute;bottom:-1px;left:0}.attendance-timeline-premium{flex-direction:column;gap:2rem;display:flex}.log-entry-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:24px;grid-template-columns:240px 1fr 220px;align-items:center;gap:3rem;padding:2rem;display:grid}.log-date{font-size:1.3rem;font-weight:800}.log-day{color:var(--text-tertiary);font-size:.9rem}.time-row{gap:2rem;font-size:1.1rem;display:flex}.location-tag-premium{color:var(--text-tertiary);align-items:center;gap:8px;margin-top:8px;font-size:.9rem;display:flex}.log-proof-cluster-dual{justify-content:flex-end;align-items:center;gap:20px;display:flex}.proof-node-premium{flex-direction:column;align-items:center;gap:8px;display:flex}.proof-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-size:10px;font-weight:700}.proof-img-container{cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;width:80px;height:80px;transition:all .3s;position:relative;overflow:hidden}.proof-img-container:hover{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.05)}.proof-img-container img{object-fit:cover;width:100%;height:100%}.proof-overlay{opacity:0;color:#fff;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.proof-img-container:hover .proof-overlay{opacity:1}.proof-img-container.no-proof{cursor:default;background:#ffffff05;justify-content:center;align-items:center;display:flex}.proof-img-container.no-proof:hover{box-shadow:none;border-color:#ffffff1a;transform:none}.status-badge-premium{border-radius:100px;padding:8px 20px;font-size:.85rem;font-weight:800}.status-badge-premium.present{color:#10b981;background:#10b9811a}.status-badge-premium.pending{color:#f59e0b;background:#f59e0b1a}.empty-state-premium{text-align:center;background:#ffffff05;border:2px dashed #ffffff1a;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:8rem 4rem;display:flex}.empty-state-premium p{color:var(--text-tertiary);max-width:450px;font-size:1.3rem}.doc-link-stack{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.doc-link-node{transition:all .3s var(--ease-premium);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.doc-link-node:hover{border-color:var(--primary);background:#ffffff0f;transform:translate(8px)}.doc-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-family:inherit;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.doc-btn:hover{background:var(--primary-light);box-shadow:0 0 20px var(--primary-glow);transform:scale(1.05)}.not-uploaded{color:var(--text-tertiary);background:#ffffff0d;border-radius:100px;padding:6px 14px;font-size:.75rem;font-style:italic}.credential-node-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;padding:10px 20px;display:flex}.credential-node-premium label{text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.1em;font-size:.7rem;font-weight:800}.credential-node-premium span{color:var(--primary);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600}.pass-toggle-node{align-items:center;gap:10px;display:flex}.pass-toggle-node input{color:var(--text-primary);letter-spacing:.05em;background:0 0;border:none;outline:none;width:140px;font-family:JetBrains Mono,monospace;font-size:.95rem}.pass-toggle-node button{color:var(--text-tertiary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.pass-toggle-node button:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1)}@keyframes flowHeight{0%{opacity:.1;height:20%}to{opacity:.5;height:90%}}@media (width<=1024px){.employee-hero-card-premium{gap:2.5rem;padding:3rem}.hero-info-cluster h1{font-size:2.8rem}.creative-overview-deck{flex-direction:column;gap:1.5rem}.deck-row-sub{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.employee-details-page{padding:1rem}.employee-hero-card-premium{text-align:center;border-radius:24px;flex-direction:column;gap:2rem;padding:3rem 2rem}.hero-avatar-large{width:140px;height:140px}.hero-info-cluster h1{font-size:2.2rem}.hero-meta-tags{flex-wrap:wrap;justify-content:center}.hero-sub-meta{flex-direction:column;align-items:center!important;gap:1rem!important}.credential-node-premium{justify-content:center;width:100%}.intelligence-grid{grid-template-columns:1fr;gap:1.5rem}.intel-card{padding:1.5rem}.details-navigation{gap:1.5rem;padding-bottom:5px;overflow-x:auto}.nav-tab-premium{white-space:nowrap;font-size:.95rem}.glass-tile-premium{padding:1.5rem}.tile-content-stack{grid-template-columns:1fr;gap:1.5rem}.large-value{font-size:2.2rem}.log-entry-card{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.time-row{flex-direction:column;align-items:center;gap:.5rem}}@media (width<=480px){.hero-info-cluster h1{font-size:1.8rem}.id-tag-premium,.status-badge-premium,.biometric-badge-premium{padding:4px 12px;font-size:.75rem}.doc-link-node{text-align:center;flex-direction:column;gap:1rem}.doc-btn{justify-content:center;width:100%}}.complete-profile-page{max-width:1300px;margin:0 auto;padding:2rem}.form-grid-layout{grid-template-columns:1.2fr .8fr;gap:2rem;margin-top:2rem;display:grid}.form-section-card{border:1px solid #ffffff0d;height:100%;padding:2rem}.section-header{color:var(--primary);align-items:center;gap:12px;margin-bottom:2rem;display:flex}.section-header h3{text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.1rem;font-weight:700}.form-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.biometric-site{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}.biometric-visual{border:2px solid var(--border);background:#ffffff05;border-radius:24px;justify-content:center;align-items:center;width:140px;height:140px;transition:all .5s;display:flex;position:relative;overflow:hidden}.biometric-visual.active{border-color:var(--primary);background:#10b9810d;box-shadow:0 0 30px #10b98126}.biometric-visual.scanning{border-color:var(--primary)}.scanner-simulation{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.scan-bar{background:var(--primary);width:100%;height:4px;box-shadow:0 0 15px var(--primary);z-index:10;animation:2s ease-in-out infinite scanMove;position:absolute;top:0;left:0}@keyframes scanMove{0%{top:0}50%{top:100%}to{top:0}}.faint-icon{opacity:.2;animation:1s infinite alternate pulseOpacity}@keyframes pulseOpacity{0%{opacity:.1}to{opacity:.3}}.verified-badge-premium{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.upload-box-premium{border:2px dashed var(--border);cursor:pointer;background:#ffffff05;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:80px;transition:all .3s;display:flex;position:relative}.upload-box-premium:hover{border-color:var(--primary);background:#10b9810d}.upload-box-premium span{color:var(--text-tertiary);font-size:.75rem}.upload-box-premium input{opacity:0;cursor:pointer;position:absolute;inset:0}.avatar-edit-site{justify-content:center;margin-bottom:2rem;display:flex}.avatar-preview-lg{border:3px solid var(--primary);background:var(--glass-bg);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative;overflow:hidden}.avatar-preview-lg img{object-fit:cover;width:100%;height:100%}.upload-badge{background:var(--primary);color:#fff;cursor:pointer;border:2px solid var(--bg-dark);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:0;right:0}.form-actions-compact{margin-top:2rem}.w-full{width:100%}@media (width<=1024px){.form-grid-layout{grid-template-columns:1fr}}@media (width<=768px){.complete-profile-page{padding:1rem}.form-section-card{padding:1.5rem}.form-grid-2{grid-template-columns:1fr;gap:1rem}.biometric-visual{width:120px;height:120px}.section-header{margin-bottom:1.5rem}}.holidays-page{gap:var(--spacing-lg);flex-direction:column;margin-top:-10px;display:flex}.holidays-layout-grid{grid-template-columns:1fr 1.5fr;align-items:start;gap:24px;display:grid}@media (width<=992px){.holidays-layout-grid{grid-template-columns:1fr}}.holiday-form-card,.holiday-list-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;padding:32px}.card-header-premium{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.card-header-premium h3{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800}.header-icon{background:var(--primary-glow);border:1px solid var(--border);width:36px;height:36px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.holiday-form{flex-direction:column;gap:20px;display:flex}.holiday-input{background:var(--surface-bright);border:1px solid var(--border);color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.holiday-input:hover,.holiday-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.holiday-input::-webkit-calendar-picker-indicator{filter:invert();opacity:.5;cursor:pointer}.submit-btn{justify-content:center;width:100%;margin-top:8px}.holiday-list-scroll{max-height:480px;padding-right:8px;overflow-y:auto}.holiday-items-grid{flex-direction:column;gap:12px;display:flex}.holiday-item-row{background:var(--surface-bright);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.holiday-item-row:hover{border-color:var(--primary-glow);background:var(--surface-hover);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.holiday-info{flex-direction:column;gap:4px;display:flex}.holiday-name{color:var(--text-primary);font-size:15px;font-weight:700}.holiday-date{color:var(--text-dim);font-size:12px}.loading-state-holiday{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-holidays-state{text-align:center;border:1px dashed var(--border);background:#ffffff03;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-holidays-state .empty-icon{color:var(--text-dim);opacity:.3;margin-bottom:16px}.empty-holidays-state .main-msg{color:var(--text-secondary);margin:0 0 4px;font-size:15px;font-weight:700}.empty-holidays-state .sub-msg{color:var(--text-dim);max-width:280px;margin:0;font-size:12px}.not-found-container{background-color:var(--background-color,#f8f9fa);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.not-found-blob{filter:blur(80px);z-index:0;opacity:.6;border-radius:50%;width:50vw;max-width:600px;height:50vw;max-height:600px;position:absolute}.blob-1{background:#3b82f626;top:-10%;left:-10%}.blob-2{background:#6366f126;bottom:-10%;right:-10%}.not-found-card{z-index:10;-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffffd9;border:1px solid #fff6;border-radius:24px;width:100%;max-width:480px;padding:3rem;position:relative;box-shadow:0 25px 50px -12px #0000001a,0 0 0 1px #00000005}body.dark-mode .not-found-card{background:#1e1e23d9;border:1px solid #ffffff0d;box-shadow:0 25px 50px -12px #00000080}.not-found-icon-wrapper{background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;display:flex;box-shadow:inset 0 2px 10px #00000005}.not-found-icon{color:var(--primary-color,#3b82f6)}.not-found-title{background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:5rem;font-weight:800;line-height:1}body.dark-mode .not-found-title{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.not-found-subtitle{color:var(--text-primary,#111827);margin:0 0 1rem;font-size:1.5rem;font-weight:600}body.dark-mode .not-found-subtitle{color:#f3f4f6}.not-found-desc{color:var(--text-secondary,#6b7280);margin:0 0 2rem;font-size:1rem;line-height:1.6}body.dark-mode .not-found-desc{color:#9ca3af}.not-found-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;outline:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--primary-color,#3b82f6);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-secondary{background:var(--surface-hover,#f3f4f6);color:var(--text-primary,#374151)}body.dark-mode .btn-secondary{color:#e5e7eb;background:#374151}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}body.dark-mode .btn-secondary:hover{background:#4b5563}.sidebar{background:var(--surface);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:24px;display:flex;position:relative}.sidebar.is-collapsed .sidebar-header{flex-direction:column;gap:16px;padding:24px 0}.logo-section{align-items:center;gap:12px;display:flex}.collapse-toggle-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.mobile-close-btn{background:var(--surface-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.collapse-toggle-btn:hover,.mobile-close-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.mobile-close-btn{margin-left:12px}@media (width<=1024px){.collapse-toggle-btn.desktop-only{display:none}.sidebar-header{padding:16px 20px}}.sidebar.is-collapsed .logo-section{justify-content:center}.logo-icon-box{background:var(--primary);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text-group{flex-direction:column;min-width:0;display:flex;overflow:hidden}.logo-main{color:var(--text-primary);letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;line-height:1;overflow:hidden}.logo-sub{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.nav-menu{flex-direction:column;flex:1;gap:4px;padding:0 16px;display:flex}.sidebar.is-collapsed .nav-menu{align-items:center;padding:0 12px}.nav-section-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:16px;margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:700}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar.is-collapsed .nav-item{justify-content:center;padding:12px}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--surface-hover);color:var(--primary)}.nav-icon-wrapper{justify-content:center;align-items:center;width:20px;display:flex}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding:24px 16px;display:flex}.pulse-card{border-radius:var(--radius-md);background:#3b82f614;border:1px solid #3b82f61a;margin-bottom:12px;padding:16px}[data-theme=dark] .pulse-card{background:#3b82f626;border-color:#3b82f633}.pulse-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pulse-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring;box-shadow:0 0 #10b98166}.pulse-stats{gap:20px;margin-bottom:12px;display:flex}.pulse-stat{flex-direction:column;display:flex}.pulse-value{color:var(--text-primary);font-size:20px;font-weight:800;line-height:1}.pulse-value.accent{color:#f59e0b}.pulse-desc{color:var(--text-tertiary);margin-top:4px;font-size:11px;font-weight:600}.pulse-progress-bg{background:#3b82f61a;border-radius:2px;height:4px;overflow:hidden}.pulse-progress-fill{background:var(--primary);border-radius:2px;height:100%}.btn-sidebar-primary{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-sidebar-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.logout-btn-sidebar{color:#ef4444;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.logout-btn-sidebar:hover{background:#ef44440d;border-color:#ef44441a}.sidebar.is-collapsed .logout-btn-sidebar{justify-content:center;padding:12px 0}@media (width<=1024px){.sidebar{border-radius:0}}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:900;align-items:center;height:80px;padding:0;display:flex;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto;padding:0 32px;display:flex}.topbar-spacer{flex:1}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.notification-dot{background:var(--primary);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:10px}.user-profile-mini{border:1px solid var(--border);cursor:pointer;border-radius:10px;width:40px;height:40px;margin-left:12px;overflow:hidden}.user-avatar-mini{object-fit:cover;width:100%;height:100%}.lang-dropdown-wrapper{position:relative}.premium-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:180px;box-shadow:var(--shadow-lg);z-index:1000;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.dropdown-item{width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--surface-hover);color:var(--primary)}.dropdown-item.active{color:var(--primary);background:var(--primary-glow)}.topbar-mobile-logo{display:none}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;width:40px;height:40px;margin-right:8px;display:none}@media (width<=1024px){.topbar{height:64px}.topbar-inner{padding:0 16px}.topbar-spacer:before{content:none}.topbar-mobile-logo{color:var(--text-primary);letter-spacing:.05em;font-size:20px;font-weight:800;display:flex}.topbar-mobile-logo span{color:var(--primary)}.icon-btn.bell-btn,.icon-btn.help-btn,.user-profile-mini{display:none}.icon-btn{width:48px;height:48px}}@media (width<=480px){.topbar-inner{padding:0 12px}.topbar-actions{gap:4px}}.mobile-bottom-nav{display:none}@media (width<=1024px){.mobile-bottom-nav{background:var(--surface);border-top:1px solid var(--border);z-index:1200;height:66px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(20px);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000014}.mobile-nav-tab{color:var(--text-secondary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px 6px;text-decoration:none;transition:color .2s;display:flex;position:relative}.mobile-nav-tab.active{color:var(--primary)}.mobile-nav-icon{justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:relative}.mobile-nav-tab.active .mobile-nav-icon{background:#3b82f61a;border-radius:10px;width:36px;height:32px;padding:4px}.nav-active-dot{display:none}.mobile-nav-label{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:60px;font-size:9px;font-weight:700;overflow:hidden}.mobile-nav-tab:active{opacity:.6;transform:scale(.94)}}.app-container{background-color:var(--bg);width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.main-view-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;height:100vh;display:flex;overflow:hidden}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.sidebar-wrapper{background:var(--surface);border-right:1px solid var(--border);z-index:1100;flex-shrink:0;width:260px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-wrapper.collapsed{width:80px}[data-theme=dark] .sidebar-wrapper{background:var(--surface);border-color:var(--border)}@media (width<=1024px){.sidebar-wrapper{height:100vh;box-shadow:none;width:280px;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-wrapper.mobile-open{transform:translate(0);box-shadow:20px 0 60px #0003}.main-view-wrapper{width:100%}}.main-stage{background:var(--bg);flex-direction:column;flex:1;width:100%;min-width:0;display:flex;overflow:hidden auto}.content-area{flex:1;width:100%;max-width:100%;padding:32px 40px}@media (width<=768px){.content-area{width:100%;padding:20px 16px}}@media (width<=1024px){.main-stage{padding-bottom:66px}.mobile-menu-btn{display:none!important}}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.settings-layout-full{background:var(--bg)}.main-stage.full-width{width:100%}.main-stage.full-width .content-area{width:100%;max-width:1600px;margin:0 auto}