@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--brand-50:#e6fff8;--brand-100:#b9fdec;--brand-200:#7ef8da;--brand-300:#3aecc4;--brand-400:#0fd7ad;--brand-500:#00bf94;--brand-600:#00a37d;--brand-700:#008567;--brand-800:#026a53;--brand-900:#075445;--brand-glow:#00ffd5;--brand-glow-rgb:0,255,213;--brand-rgb:0,191,148;--accent:var(--brand-500);--accent-hover:var(--brand-600);--accent-active:var(--brand-700);--accent-soft:rgba(var(--brand-rgb),0.12);--accent-ring:rgba(var(--brand-rgb),0.38);--accent-gradient:linear-gradient(135deg,var(--brand-400) 0%,var(--brand-600) 100%);--success:#10b981;--success-soft:#10b9811f;--warning:#f59e0b;--warning-soft:#f59e0b24;--danger:#ef4444;--danger-soft:#ef44441f;--info:#3b82f6;--info-soft:#3b82f61f;--time-in:#10b981;--time-out:#ef4444;--on-duty:#10b981;--off-duty:#94a3b8;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:26px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a12,0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a12,0 2px 4px #0f172a0a;--shadow-lg:0 12px 28px #0f172a1a,0 4px 10px #0f172a0d;--shadow-xl:0 24px 56px #0f172a29,0 8px 20px #0f172a12;--shadow-accent:0 8px 22px rgba(var(--brand-rgb),0.28);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","SF Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--tracking-tight:-0.015em;--tracking-wide:0.04em;--tracking-caps:0.09em;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:120ms;--duration-base:200ms;--duration-slow:320ms;--z-base:1;--z-sticky:100;--z-sidebar:400;--z-backdrop:900;--z-modal:1000;--z-toast:1200;--sidebar-width:268px;--topnav-height:68px;--content-max:1440px;--focus-ring:0 0 0 3px var(--accent-ring)}:root,[data-theme=light]{--surface-0:#eef3f1;--surface-1:#fff;--surface-2:#f7faf9;--surface-3:#eef2f4;--surface-inset:#0f172a0a;--surface-hover:rgba(15,23,42,.045);--divider:#0f172a14;--divider-strong:#0f172a24;--content-primary:#0f172a;--content-secondary:#475569;--content-tertiary:#64748b;--content-inverse:#fff;--scrollbar-thumb:#0f172a2e;--scrollbar-thumb-hover:#0f172a4d}[data-theme=dark]{--surface-0:#070a10;--surface-1:#10161f;--surface-2:#151d28;--surface-3:#1b2532;--surface-inset:#ffffff0a;--surface-hover:rgba(var(--brand-glow-rgb),0.09);--divider:#ffffff14;--divider-strong:#ffffff29;--content-primary:#f1f5f9;--content-secondary:#f1f5f9b8;--content-tertiary:#f1f5f985;--content-inverse:#06110d;--scrollbar-thumb:#ffffff29;--scrollbar-thumb-hover:rgba(var(--brand-glow-rgb),0.4);--accent:var(--brand-400);--accent-hover:var(--brand-300);--accent-active:var(--brand-200);--accent-soft:rgba(var(--brand-glow-rgb),0.12);--accent-ring:rgba(var(--brand-glow-rgb),0.4);--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 6px #00000073;--shadow-md:0 6px 18px #00000080;--shadow-lg:0 14px 34px #0000008c;--shadow-xl:0 26px 62px #000000a6;--shadow-accent:0 8px 24px rgba(var(--brand-glow-rgb),0.22)}:root,[data-theme=light]{--bg-main:var(--surface-0);--bg-nav:var(--surface-1);--bg-sidebar:var(--surface-1);--bg-card:var(--surface-1);--text-main:var(--content-primary);--text-muted:var(--content-tertiary);--sidebar-text:var(--content-secondary);--nav-text:var(--content-secondary);--border-color:var(--divider);--sidebar-border:var(--divider);--nav-border:var(--divider);--hover-bg:var(--surface-hover);--glass-shadow:var(--shadow-md);--nav-shadow:0 1px 0 var(--divider);--sidebar-shadow:1px 0 0 var(--divider);--status-group-bg:var(--surface-inset);--status-group-border:var(--divider);--status-divider:var(--divider);--glass-blur:blur(20px)}[data-theme=dark]{--bg-main:var(--surface-0);--bg-nav:var(--surface-1);--bg-sidebar:var(--surface-1);--bg-card:var(--surface-1);--text-main:var(--content-primary);--text-muted:var(--content-tertiary);--sidebar-text:var(--content-secondary);--nav-text:var(--content-secondary);--border-color:var(--divider);--sidebar-border:var(--divider);--nav-border:var(--divider);--hover-bg:var(--surface-hover);--glass-shadow:var(--shadow-lg);--nav-shadow:0 1px 0 var(--divider);--sidebar-shadow:2px 0 16px #00000073;--status-group-bg:var(--surface-inset);--status-group-border:var(--divider);--status-divider:var(--divider)}#root{isolation:isolate}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;background:var(--surface-0);color:var(--content-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);margin:0;text-rendering:optimizeLegibility;transition:background-color var(--duration-slow) var(--ease-out),color var(--duration-slow) var(--ease-out)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--content-primary);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 var(--space-2)}p{text-wrap:pretty;line-height:var(--leading-normal)}.bento-chart-value,.emp-id-text,.m-id,.m-time,.magic-bento-stat-num,.modern-table,input[type=date],input[type=number],input[type=time],table{font-feature-settings:"tnum" 1,"tnum";font-variant-numeric:tabular-nums}canvas,img,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}:focus{outline:none}:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--accent);outline-offset:2px}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible{box-shadow:var(--focus-ring);outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}::selection{background:rgba(var(--brand-rgb),.28);color:var(--content-primary)}[data-theme=dark] ::selection{background:rgba(var(--brand-glow-rgb),.3);color:#fff}*{scrollbar-color:var(--scrollbar-thumb) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:#0000}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer;height:1rem;width:1rem}[data-theme=dark] input[type=date]{color-scheme:dark}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{background-color:initial;cursor:pointer;filter:brightness(0) invert(1);opacity:.92}[data-theme=light] input[type=date]{color-scheme:light}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:none;opacity:.75}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;height:1.05rem;-webkit-transition:opacity var(--duration-fast) var(--ease-out);transition:opacity var(--duration-fast) var(--ease-out);width:1.05rem}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--bg-main:#dce8e4;--bg-nav:#fcfcfd;--bg-sidebar:#fcfcfd;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--sidebar-text:#475569;--nav-text:#334155;--border-color:#0f172a12;--sidebar-border:#0f172a0f;--nav-border:#0f172a12;--hover-bg:#4755690f;--glass-shadow:0 1px 3px #0f172a0a,0 4px 16px #0f172a08;--nav-shadow:0 1px 0 #0f172a0d;--sidebar-shadow:1px 0 0 #0f172a0d;--status-group-bg:#0f172a08;--status-group-border:#0f172a12;--status-divider:#0f172a14;--glass-blur:blur(20px)}[data-theme=dark]{--bg-main:#0a0d14;--bg-nav:#0d1117;--bg-sidebar:#0d1117;--bg-card:#0c121cd9;--text-main:#fff;--text-muted:#ffffffa6;--sidebar-text:#fff9;--nav-text:#ffffffe6;--border-color:#ffffff0f;--sidebar-border:#ffffff0f;--nav-border:#ffffff0f;--hover-bg:#00ffd514;--glass-shadow:0 4px 30px #0006;--nav-shadow:0 1px 0 #ffffff0a;--sidebar-shadow:2px 0 16px #0000004d;--status-group-bg:#ffffff0a;--status-group-border:#ffffff14;--status-divider:#ffffff1a}.main-layout--sidebar-collapsed .sidebar,.sidebar.sidebar--collapsed{border-right-color:#0f172a0f;border-right-color:var(--sidebar-border);box-shadow:1px 0 0 #0f172a0d;box-shadow:var(--sidebar-shadow);min-width:72px;opacity:1;overflow-x:hidden;overflow-y:auto;padding:14px 8px 20px;pointer-events:auto;width:72px}.sidebar--collapsed .sidebar-nav{align-items:stretch;gap:12px}.sidebar--collapsed .sidebar-section{align-items:stretch;gap:4px}.sidebar--collapsed .nav-badge,.sidebar--collapsed .nav-chevron,.sidebar--collapsed .nav-label,.sidebar--collapsed .nav-sub-list{display:none!important}.sidebar--collapsed .nav-item{border-radius:12px;display:flex;justify-content:center;padding:11px 0}.sidebar--collapsed .nav-item:before{left:2px}.sidebar--collapsed .nav-item-row{gap:0;justify-content:center;width:auto}.sidebar--collapsed .nav-icon{height:22px;opacity:.95;width:22px}.sidebar--collapsed .nav-icon svg{height:20px;width:20px}.sidebar--collapsed .nav-sub-item{display:none!important}.sidebar-nav{gap:18px}.sidebar-nav,.sidebar-section{display:flex;flex-direction:column}.sidebar-section{gap:2px}.sidebar-section-label{color:#94a3b8b8;font-size:.64rem;font-weight:700;letter-spacing:.12em;margin:0 0 6px 10px;text-transform:uppercase}.nav-item:before{background:#00cba9;border-radius:99px;content:"";height:0;left:4px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease,opacity .2s ease;width:3px}.nav-item:hover:before{height:52%;opacity:.55}.nav-item.active:not(.nav-group-toggle):not(.nav-sub-item){background:linear-gradient(135deg,#00cba9,#009e6e)!important}.nav-item.active:before{display:none}.nav-item:active:not(.active){transform:scale(.985)}.nav-item-row{align-items:center;display:flex;gap:10px;width:100%}.nav-icon{align-items:center;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;opacity:.88;width:18px}.nav-item.active .nav-icon{opacity:1}.nav-label{flex:1 1;min-width:0;text-align:left}.nav-badge{font-size:.72rem;font-weight:700;margin-left:auto;opacity:.65;padding-left:6px}.nav-chevron{flex-shrink:0;margin-left:auto;opacity:.55;transition:transform .2s ease}.nav-chevron--expanded{transform:rotate(180deg)}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-toggle.active{background:#00cba924!important;box-shadow:inset 0 0 0 1px #00cba947;color:#007a5e!important}[data-theme=dark] .nav-group-toggle.active{background:#00ffd52e!important;box-shadow:inset 0 0 0 1px #00ffd559}.nav-group-toggle.active:before{height:52%;opacity:1}.nav-sub-list{border-left:2px solid #00cba959;display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 13px;padding-left:12px}[data-theme=dark] .nav-sub-list{border-left-color:#00ffd573}[data-theme=dark] .nav-item:hover:not(.active){background:#00ffd51a;color:#fff!important}[data-theme=dark] .nav-group-toggle.active .nav-badge,[data-theme=dark] .nav-sub-item.active .nav-badge{background:#ffffff26;color:#fff}.nav-sub-item{font-size:.8125rem;font-weight:600;padding:9px 12px 9px 10px}.nav-sub-item .nav-icon,.nav-sub-item .nav-icon svg{height:16px;width:16px}.nav-sub-item.active{background:#00cba91f!important;box-shadow:inset 0 0 0 1px #00cba938;color:#007a5e!important}[data-theme=dark] .nav-sub-item.active{background:#00ffd524!important;box-shadow:inset 0 0 0 1px #00ffd547}.nav-sub-item.active:before{display:none}body,html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#dce8e4;background-color:var(--bg-main);color:#1e293b;color:var(--text-main);font-family:Inter,Segoe UI,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.login-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:40px 20px;position:relative}.bg-video{filter:brightness(.45);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.side-monitor{max-width:520px;z-index:10}.monitor-inner{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:28px;box-shadow:0 20px 40px #00000047;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:22px}.monitor-header-text{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:800;justify-content:space-between;letter-spacing:1px;margin-bottom:15px}.pulse-red{animation:pulse 1.5s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #9444efb3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #ef444400;transform:scale(1)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(.95)}}.mini-logs-container{display:flex;flex:1 1;flex-direction:column;gap:10px;max-height:calc(100% - 60px);min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:10px}.mini-logs-container::-webkit-scrollbar{width:6px}.mini-logs-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.mini-logs-container::-webkit-scrollbar-thumb{background:#acacac;border-radius:10px}.mini-card{align-items:center;background:#fff;background:var(--bg-card);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#1e293b;color:var(--text-main);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding:15px}.in-border{border-left:6px solid #10b981}.out-border{border-left:6px solid #ef4444}.mini-info{display:flex;flex-direction:column;gap:4px}.m-id{font-size:13px;font-weight:800;text-transform:uppercase}.m-id,.m-time{color:#1e293b;color:var(--text-main)}.m-time{font-family:Courier New,monospace;font-size:18px;font-weight:900}.m-type{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.login-card{align-items:center;background:#fff;background:var(--bg-card);border:1px solid #0f172a12;border:1px solid var(--border-color);border-radius:30px;box-shadow:0 30px 60px #0000004d;color:#1e293b;color:var(--text-main);display:flex;flex-direction:column;margin-bottom:-85px;max-width:450px;padding:40px;transition:.3s;width:100%}.login-logo{display:block;height:auto;margin-bottom:10px;max-width:220px}.status-pill{align-items:center;background:#dce8e4;background:var(--bg-main);border-radius:50px;color:#1e293b;color:var(--text-main);display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:15px;padding:8px 20px;width:-webkit-fit-content;width:fit-content}.status-dot{border-radius:50%;height:8px;width:8px}.dot-active{background:#00ffd5;box-shadow:0 0 8px #00ffd5b3}.nav-pulse-dot{animation:navDotPulse 2s ease-in-out infinite}@keyframes navDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.login-input{background-color:#dce8e4;background-color:var(--bg-main);background-color:#f8fafc!important;border:2px solid #04b45c;color:#1e293b;color:var(--text-main);color:#000!important;font-size:16px;margin-bottom:10px;padding:16px;text-align:center;transition:all .25s ease}.login-input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.portal-switch{background:#0000;border:1px solid #0f172a12;border:1px solid var(--border-color);border-radius:8px;color:#64748b;color:var(--text-muted);cursor:pointer;display:inline-block;font-size:13px;font-weight:600;margin-top:20px;padding:10px 20px;transition:all .2s ease}.portal-switch:hover{background:#02ac79;border-color:#02ac79;color:#fff}.admin-login-btn{background:#02ac79;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-bottom:10px;padding:14px;width:100%}.admin-login-btn:hover{background:#02886b;transform:translateY(-1px)}.app-container{background-color:#fcfcfd;background-color:var(--bg-nav);display:flex;flex-direction:column;height:100vh;transition:background-color .3s}.top-nav{background:#fcfcfd;background:var(--bg-nav);border-bottom:1px solid #0f172a12;border-bottom:1px solid var(--nav-border);box-shadow:0 1px 0 #0f172a0d;box-shadow:var(--nav-shadow);color:#334155;color:var(--nav-text);gap:12px;height:calc(72px + env(safe-area-inset-top, 0px));justify-content:space-between;min-height:72px;padding:env(safe-area-inset-top,0) 28px 0;transition:background .3s,border-color .3s;z-index:50}.nav-brand,.top-nav{align-items:center;display:flex;flex-shrink:0}.nav-brand{gap:10px;min-width:0}.nav-brand-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:12px;color:inherit;cursor:pointer;display:flex;font:inherit;margin:0;padding:4px 6px 4px 2px;text-align:left;transition:background .2s ease,box-shadow .2s ease}.nav-brand-toggle:hover{background:#00bf9414}.nav-brand-toggle:focus-visible{outline:2px solid #00ffd58c;outline-offset:2px}.nav-brand-toggle--collapsed{background:#00bf941a;box-shadow:inset 0 0 0 1px #00ffd547}.nav-menu-toggle{-webkit-tap-highlight-color:transparent;background:#0f172a08;background:var(--status-group-bg);border:1px solid #0f172a12;border:1px solid var(--status-group-border);border-radius:10px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:40px;justify-content:center;padding:0;width:40px}.nav-menu-toggle span{background:#334155;background:var(--nav-text);border-radius:2px;display:block;height:2px;margin:0 auto;transition:transform .25s,opacity .25s;width:18px}.nav-menu-toggle--open span:first-child{transform:translateY(7px) rotate(45deg)}.nav-menu-toggle--open span:nth-child(2){opacity:0}.nav-menu-toggle--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.on-duty-label-short,.sidebar-backdrop{display:none}.nav-logo{filter:drop-shadow(0 0 12px rgba(0,255,213,.2));height:52px;object-fit:contain}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px;margin-top:10px}.stat-card{background:#fff;background:var(--bg-card);border:1px solid #0f172a12;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #0000000d;color:#1e293b;color:var(--text-main);padding:20px;text-align:center;transition:.3s}.stat-card:hover{border-color:#10b981;transform:translateY(-5px)}.stat-card h3{color:#10b981;font-size:1.8rem;font-weight:800;margin:0}.stat-card p{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;margin-top:8px;text-transform:uppercase}.nav-info{gap:12px}.nav-info,.nav-status-group{align-items:center;display:flex}.nav-status-group{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172a08;background:var(--status-group-bg);border:1px solid #0f172a12;border:1px solid var(--status-group-border);border-radius:100px;height:38px;overflow:hidden}.nav-status-divider{background:#0f172a14;background:var(--status-divider);flex-shrink:0;height:18px;width:1px}.on-duty-btn,.role-badge{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.72rem;font-weight:700;height:100%;letter-spacing:.05em;padding:0 16px;text-transform:uppercase;transition:background .2s,color .2s;white-space:nowrap}.on-duty-btn{color:#00ffd5;gap:8px}.on-duty-btn:hover{background:#00ffd514}.role-badge.admin{color:#fca5a5}.role-badge.admin:hover{background:#ef44441a}.role-badge.tl{color:#fca5a5;font-size:.78rem;font-weight:600;letter-spacing:.01em;max-width:220px;overflow:hidden;text-overflow:ellipsis;text-transform:none}.role-badge.tl:hover{background:#ef44441a}.nav-profile-chip--tl{height:42px;max-width:min(300px,38vw);min-width:0;padding:4px 14px 4px 4px}.nav-profile-chip--tl .nav-profile-chip-avatar{height:34px;width:34px}.nav-profile-chip--tl .nav-profile-chip-copy{flex:1 1;min-width:0}.nav-profile-chip--tl .nav-profile-chip-name{display:block;font-size:.78rem;text-transform:none;width:100%}.nav-profile-chip{align-items:center;background:linear-gradient(135deg,#001c20d1,#041016eb);border:1px solid #00ffd52e;border-radius:999px;box-shadow:0 4px 18px #0000002e,inset 0 1px 0 #ffffff0d;cursor:pointer;display:inline-flex;font-family:inherit;gap:12px;max-width:min(280px,42vw);padding:5px 16px 5px 5px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.nav-profile-chip:hover{border-color:#00ffd561;box-shadow:0 8px 24px #00cba924,inset 0 1px 0 #ffffff0f;transform:translateY(-1px)}.nav-profile-chip-avatar{background:#ffffff14;border:2px solid #00ffd559;border-radius:50%;box-shadow:0 0 0 2px #00cba91f;flex-shrink:0;height:36px;width:36px}.nav-profile-chip-avatar img{display:block;height:100%;object-fit:cover;width:100%}.nav-profile-chip-copy{align-items:flex-start;display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left}.nav-profile-chip-name{color:#f8fafc;font-size:.82rem;font-weight:700;letter-spacing:.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-chip-meta{color:#00ffd5b8;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.logout-btn{align-items:center;background:#ef44441f;border:1px solid #ef444440;border-radius:100px;color:#fca5a5;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-weight:700;gap:7px;letter-spacing:.04em;padding:9px 18px;text-transform:uppercase;transition:background .2s,border-color .2s,transform .2s,color .2s}.logout-btn svg{flex-shrink:0;height:14px;width:14px}.logout-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}[data-theme=light] .on-duty-btn{color:#047857}[data-theme=light] .on-duty-btn:hover{background:#00bf861a}[data-theme=light] .role-badge.admin,[data-theme=light] .role-badge.tl{color:#b91c1c}[data-theme=light] .role-badge.admin:hover,[data-theme=light] .role-badge.tl:hover{background:#ef444414}[data-theme=light] .nav-profile-chip{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#009e6e33;box-shadow:0 2px 12px #0f172a0f}[data-theme=light] .nav-profile-chip:hover{border-color:#009e6e59;box-shadow:0 6px 18px #00cba91f}[data-theme=light] .nav-profile-chip-name{color:#0f172a}[data-theme=light] .nav-profile-chip-meta{color:#009e6e}[data-theme=light] .nav-profile-chip-avatar{border-color:#009e6e59}[data-theme=light] .logout-btn{background:#1f2937;border-color:#0000;color:#fff}[data-theme=light] .logout-btn:hover{background:#ef4444;border-color:#ef4444}[data-theme=light] .dot-active{background:#10b981;box-shadow:0 0 6px #10b98180}.main-layout{display:flex;flex:1 1;overflow:hidden;transition:background .3s}.main-layout,.sidebar{background:#fcfcfd;background:var(--bg-sidebar)}.sidebar{-webkit-overflow-scrolling:touch;border-right:1px solid #0f172a0f;border-right:1px solid var(--sidebar-border);box-shadow:1px 0 0 #0f172a0d;box-shadow:var(--sidebar-shadow);flex-shrink:0;overflow-y:auto;padding:18px 12px 24px;transition:width .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1),opacity .22s ease,border-color .28s ease,background .3s,box-shadow .28s ease;width:268px}.nav-item{background:#0000;border:none;border-radius:11px;color:#475569!important;color:var(--sidebar-text)!important;cursor:pointer;display:block;font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.3;padding:11px 14px 11px 16px;position:relative;text-align:left;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease;width:100%}.nav-item:hover{background:#4755690f;background:var(--hover-bg);color:#009e6e!important}[data-theme=dark] .nav-item:hover{background:#00ffd514;color:#00ffd5!important}.nav-item.active:not(.nav-group-toggle):not(.nav-sub-item){background:linear-gradient(135deg,#00cba9,#009e6e);box-shadow:0 6px 18px #00cba947}.content-area{background:#0000;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding:20px 16px 24px;pointer-events:auto;position:relative;transition:padding .28s cubic-bezier(.22,1,.36,1);z-index:1}.employee-portal-layout{background:#0000;min-height:calc(100vh - 64px)}.employee-portal-layout .content-area--full{padding:0;width:100%}.employee-portal-shell{background:#dce8e4;background:var(--bg-main);height:auto;min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%}.employee-portal-shell .main-layout{flex:1 1;min-height:0;width:100%}.employee-portal-shell .content-area--full{-webkit-overflow-scrolling:touch;height:auto;max-width:none;min-height:calc(100dvh - 72px);overflow:visible;width:100%}.employee-portal-shell .admin-content-wrapper,.employee-portal-shell .employee-portal-content{box-sizing:border-box;margin:0;max-width:none;padding:12px 16px 24px;width:100%}.employee-portal-shell .top-nav{box-sizing:border-box;max-width:none;padding-left:16px;padding-right:16px;width:100%}.employee-portal-content .attendance-container--personal{box-sizing:border-box;margin:0;max-width:none;width:100%}.employee-portal-shell .nav-profile-chip--portal{max-width:320px}.employee-portal-shell .nav-logo{height:48px}.employee-portal-shell .content-area.content-area--full,.employee-portal-shell .employee-portal-content,.employee-portal-shell .main-layout{max-width:none;width:100%}.employee-portal-shell .content-area.content-area--full{padding:0}@media (min-width:768px){.employee-portal-shell .admin-content-wrapper,.employee-portal-shell .employee-portal-content{padding:16px 20px 28px}.employee-portal-shell .top-nav{padding-left:20px;padding-right:20px}}@media (min-width:1024px){.employee-portal-shell .admin-content-wrapper,.employee-portal-shell .employee-portal-content{padding:20px 24px 32px}.employee-portal-shell .top-nav{height:calc(76px + env(safe-area-inset-top, 0px));padding-left:24px;padding-right:24px}.employee-portal-shell .nav-logo{height:52px}.employee-portal-content .attendance-container--personal{border-radius:14px;min-height:calc(100vh - 120px);padding:32px 36px 40px}}.employee-portal-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}[data-theme=dark] .employee-portal-nav{background:#080e16eb;border-bottom-color:#00ffd51a;box-shadow:0 1px 0 #ffffff0a}[data-theme=light] .employee-portal-nav{background:#fffffff0;border-bottom-color:#e2e8f0;box-shadow:0 1px 0 #0f172a0a}[data-theme=light] .employee-portal-logo{filter:drop-shadow(0 2px 8px rgba(0,158,110,.12))}.employee-portal-nav-actions{gap:10px}.employee-theme-toggle{align-items:center;background:#ffffff0a;border:1px solid #00ffd52e;border-radius:12px;color:#00ffd5;cursor:pointer;display:inline-flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;width:40px}.employee-theme-toggle svg{height:18px;width:18px}.employee-theme-toggle:hover{background:#00cba91f;border-color:#00ffd559;transform:translateY(-1px)}[data-theme=light] .employee-theme-toggle{background:#f8fafc;border-color:#009e6e33;color:#009e6e}[data-theme=light] .employee-theme-toggle:hover{background:#ecfdf5;border-color:#009e6e59}[data-theme=dark] .employee-portal-shell .logout-btn{background:#ef44441a;border-color:#ef444438;color:#fca5a5}[data-theme=light] .employee-portal-shell .logout-btn{background:#fff;border-color:#fecaca;color:#dc2626}[data-theme=light] .employee-portal-shell .logout-btn:hover{background:#fef2f2;border-color:#f87171;color:#b91c1c}.employee-profile-modal-backdrop{-webkit-overflow-scrolling:touch;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030c12c7;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:1200}.employee-profile-modal{background:linear-gradient(180deg,#081c26fa,#041018fa);border:1px solid #ffffff14;border-radius:20px;box-shadow:0 24px 80px #00000073;display:flex;flex-direction:column;flex-shrink:0;margin:0 auto;max-height:calc(100dvh - 40px);overflow:hidden;position:relative;width:min(100%,920px)}.employee-profile-desktop-grid{display:flex;flex-direction:column;gap:16px}.employee-profile-info-panel{min-width:0;width:100%}.employee-profile-qr-panel{align-items:stretch;align-self:stretch;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;min-width:0;overflow:hidden;padding:10px;width:100%}.employee-profile-qr-panel .employee-profile-qr-wrap{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;margin-top:0;min-width:0;width:100%}.employee-profile-modal-header{align-items:center;background:linear-gradient(180deg,#081c26,#081c26fa);border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.employee-profile-modal-header-text{min-width:0}.employee-profile-modal-eyebrow{color:#00ffd5b8;font-size:.62rem;font-weight:700;letter-spacing:.14em;margin:0 0 2px;text-transform:uppercase}.employee-profile-modal-title{color:#f8fafc;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0}.employee-profile-modal-close{align-items:center;background:#dc2626;border:1px solid #fff3;border-radius:8px;box-shadow:0 2px 8px #dc262659;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;height:32px;justify-content:center;padding:0;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;width:32px}.employee-profile-modal-close svg{stroke-width:2.5;height:14px;width:14px}.employee-profile-modal-close:hover{background:#ef4444;border-color:#ffffff73;box-shadow:0 6px 20px #ef44448c;color:#fff;transform:translateY(-1px)}.employee-profile-modal-body{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;padding:14px 16px}.employee-profile-photo-section{align-items:center;display:flex;gap:14px}.employee-profile-photo-copy{min-width:0}.employee-profile-name{color:#fff;font-size:1.05rem;font-weight:700;line-height:1.25;margin:0 0 4px}.employee-profile-role{color:#ffffff73;font-size:.72rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.employee-profile-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin:12px 0}.employee-profile-fields{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-profile-field{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:8px 12px}.employee-profile-field-label{color:#ffffff6b;display:block;font-size:.62rem;font-weight:700;letter-spacing:.1em;margin-bottom:3px;text-transform:uppercase}.employee-profile-field-value{color:#eef6f4;display:block;font-size:.86rem;font-weight:600;line-height:1.3;word-break:break-word}.employee-profile-tl-section{margin-bottom:8px;margin-top:10px}.employee-profile-tl-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.employee-profile-tl-copy{flex:1 1;min-width:0}.employee-profile-tl-edit{display:flex;flex-direction:column;gap:8px;margin-top:4px}.employee-profile-tl-actions{flex-shrink:0}.employee-profile-extra-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.employee-profile-extra-grid .admin-modal-section{margin-bottom:0;padding:10px}.employee-profile-moa-edit{display:flex;flex-direction:column;gap:6px}.employee-profile-moa-img{max-height:72px;object-fit:contain;width:100%}.employee-profile-remarks{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;font-style:italic;line-height:1.35;overflow:hidden}.employee-profile-info-panel .admin-modal-moa-box,.employee-profile-info-panel .admin-modal-moa-box--empty{min-height:48px}.employee-profile-modal-footer{background:linear-gradient(180deg,#081c26fa,#041018);border-top:1px solid #ffffff14;flex-shrink:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px))}.employee-profile-actions{display:flex;gap:10px;margin-top:0}.employee-profile-modal-footer .employee-profile-actions{width:100%}.employee-profile-qr-wrap{align-items:center;display:flex;flex-direction:column;margin-top:0;width:100%}.employee-profile-qr-heading{color:#00ffd5b8;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin:0;text-align:center;text-transform:uppercase;width:100%}.employee-profile-qr-wrap .employee-qr-card{align-items:center;background:#0000;border:none;box-sizing:border-box;gap:10px;margin:0 auto;max-width:100%;overflow:hidden;padding:12px 10px 10px;width:100%}.employee-profile-qr-panel .employee-qr-hint{display:none}.employee-profile-qr-panel .employee-qr-header{display:flex;justify-content:center;width:100%}.employee-profile-qr-panel .employee-qr-canvas-wrap{align-items:center;box-sizing:border-box;display:flex;height:168px;justify-content:center;margin:0 auto;max-width:168px;padding:10px;width:168px}.employee-profile-qr-panel .employee-qr-canvas-wrap canvas{display:block;height:148px!important;margin:0 auto;max-width:148px;width:148px!important}.employee-profile-qr-panel .employee-qr-meta{align-items:center;text-align:center;width:100%}.employee-profile-qr-panel .employee-qr-download-btn{margin-top:2px;width:100%}.employee-profile-mobile-footer{display:none}.employee-profile-back-btn{align-items:center;background:#00cba91a;border:1px solid #00ffd538;border-radius:12px;color:#00ffd5;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.88rem;font-weight:700;gap:8px;justify-content:center;min-height:48px;padding:12px 16px;transition:background .2s ease,border-color .2s ease;width:100%}.employee-profile-back-btn svg{flex-shrink:0;height:18px;width:18px}.employee-profile-back-btn:hover{background:#00cba92e;border-color:#00ffd561}.employee-profile-primary-btn,.employee-profile-secondary-btn{border-radius:10px;cursor:pointer;flex:1 1;font-family:inherit;font-size:.84rem;font-weight:700;letter-spacing:.03em;min-height:40px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.employee-profile-primary-btn{background:linear-gradient(135deg,#00b386,#008f72);border:none;box-shadow:0 8px 24px #00b38638;color:#fff}.employee-profile-primary-btn:hover:not(:disabled){transform:translateY(-1px)}.employee-profile-primary-btn:disabled{cursor:wait;opacity:.7}.employee-profile-secondary-btn{background:#ffffff08;border:1px solid #ffffff1a;color:#ffffffc7}.employee-profile-secondary-btn:hover{background:#ffffff0f;border-color:#ffffff29}.employee-profile-photo-btn{background:#ffffff0a;border:2px solid #00cba947;border-radius:50%;box-shadow:0 8px 20px #00000038;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;padding:0;position:relative;width:72px}.employee-profile-photo-btn:disabled{cursor:wait;opacity:.75}.employee-profile-photo{border-radius:50%;height:100%;object-fit:cover;width:100%}.employee-profile-photo-overlay{align-items:center;background:#041018ad;color:#eafffb;display:flex;flex-direction:column;font-size:.68rem;font-weight:700;gap:6px;inset:0;justify-content:center;letter-spacing:.08em;opacity:0;position:absolute;text-transform:uppercase;transition:opacity .2s ease}.employee-profile-photo-overlay svg{height:22px;width:22px}.employee-profile-photo-btn:focus-visible .employee-profile-photo-overlay{opacity:1}@media (min-width:900px){.employee-profile-modal-backdrop{padding:24px 28px 28px}.employee-profile-modal{max-height:calc(100dvh - 48px);width:min(100%,960px)}.employee-profile-modal-body{max-height:none}.employee-profile-desktop-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 248px}.employee-profile-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-profile-qr-panel{align-self:stretch;height:auto;min-height:100%;position:-webkit-sticky;position:sticky;top:0}.employee-profile-qr-wrap .employee-qr-card{max-width:none}}@media (max-width:640px){.employee-profile-modal-backdrop{align-items:stretch;padding:0}.employee-profile-modal{border-left:none;border-radius:0;border-right:none;height:100dvh;max-height:none;max-width:none;min-height:100dvh;width:100%}.employee-profile-modal-header{background:linear-gradient(180deg,#081c26fa,#081c26eb);border-bottom:1px solid #ffffff0f;padding:calc(12px + env(safe-area-inset-top, 0px)) 14px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.employee-profile-modal-close{height:32px;padding:0;width:32px}.employee-profile-modal-body{max-height:none;overflow-y:auto;padding:14px}.employee-profile-modal-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px))}.employee-profile-photo-btn{height:72px;width:72px}.employee-profile-qr-wrap .employee-qr-canvas-wrap{height:168px;margin-left:auto;margin-right:auto;max-width:168px;width:168px}.employee-profile-qr-panel .employee-qr-canvas-wrap canvas{height:148px!important;width:148px!important}.employee-profile-photo-btn:focus-visible .employee-profile-photo-overlay,.employee-profile-photo-btn:hover .employee-profile-photo-overlay{opacity:1}.employee-profile-desktop-grid{display:flex;flex-direction:column}.employee-profile-extra-grid{grid-template-columns:1fr}.employee-profile-actions{flex-direction:column}.employee-profile-photo-section{flex-direction:column;text-align:center}.employee-profile-fields{grid-template-columns:1fr}}.employee-profile-photo-btn:hover .employee-profile-photo-overlay{opacity:1}[data-theme=light] .employee-profile-modal-backdrop{background:#0f172a6b}[data-theme=light] .employee-profile-modal{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#009e6e24;box-shadow:0 24px 64px #0f172a24}[data-theme=light] .employee-profile-modal-eyebrow{color:#009e6e}[data-theme=light] .employee-profile-modal-title{color:#0f172a}[data-theme=light] .employee-profile-qr-heading{color:#009e6e}[data-theme=light] .employee-profile-qr-panel{background:#f8fafc;border-color:#0f172a14}[data-theme=light] .employee-profile-mobile-footer,[data-theme=light] .employee-profile-modal-footer{background:#fff;border-top-color:#0f172a14}[data-theme=light] .employee-profile-back-btn{background:#00cba914;border-color:#009e6e38;color:#009e6e}[data-theme=light] .employee-profile-back-btn:hover{background:#00cba924}@media (max-width:640px){[data-theme=light] .employee-profile-modal-header{background:linear-gradient(180deg,#fff,#fffffff5);border-bottom-color:#0f172a14}}[data-theme=light] .employee-profile-modal-close{background:#dc2626;border-color:#ffffff59;box-shadow:0 4px 16px #dc262659;color:#fff}[data-theme=light] .employee-profile-modal-close:hover{background:#ef4444;border-color:#ffffff80;color:#fff}[data-theme=light] .employee-profile-modal-header{background:linear-gradient(180deg,#fff,#fffffffa);border-bottom-color:#0f172a14}[data-theme=light] .employee-profile-name{color:#0f172a}[data-theme=light] .employee-profile-role{color:#64748b}[data-theme=light] .employee-profile-divider{background:linear-gradient(90deg,#0000,#0f172a14,#0000)}[data-theme=light] .employee-profile-field{background:#fff;border-color:#0f172a14;box-shadow:0 1px 2px #0f172a08}[data-theme=light] .employee-profile-field-label{color:#64748b}[data-theme=light] .employee-profile-field-value{color:#0f172a}[data-theme=light] .employee-profile-secondary-btn{background:#f8fafc;border-color:#0f172a1a;color:#475569}[data-theme=light] .employee-profile-secondary-btn:hover{background:#f1f5f9;border-color:#0f172a24;color:#0f172a}[data-theme=light] .employee-profile-photo-btn{background:#f8fafc;border-color:#009e6e47;box-shadow:0 8px 24px #0f172a14}[data-theme=light] .employee-profile-photo-overlay{background:#0f172a7a;color:#fff}.admin-bg-layer{inset:0;pointer-events:none;position:absolute;z-index:0}.admin-content-wrapper{-webkit-overflow-scrolling:touch;flex:1 1;height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;z-index:1}.admin-content-wrapper:has(.siso-lilo){display:flex;flex-direction:column;overflow:hidden}.content-area:has(.siso-lilo){padding-bottom:0}.admin-content-wrapper:has(.attendance-container:not(.attendance-container--personal)){display:flex;flex-direction:column;overflow:hidden}.content-area:has(.attendance-container:not(.attendance-container--personal)){padding-bottom:16px}.api-status-banner{background:#fbbf241f;border:1px solid #fbbf2473;border-radius:10px;color:#fde68a;font-size:.92rem;line-height:1.5;margin:0 0 1rem;padding:.85rem 1rem}[data-theme=light] .api-status-banner{background:#fbbf242e;border-color:#b4530959;color:#92400e}.portal-setup-banner{text-align:left}.portal-setup-steps{line-height:1.65;margin:.75rem 0 0;padding-left:1.25rem}.portal-setup-steps li{margin-bottom:.35rem}.portal-setup-steps code{font-size:.85em;word-break:break-all}[data-theme=dark] .content-area{background:#0000}[data-theme=light] .main-layout{background:linear-gradient(180deg,#f8fbfa,#eef3f7)}[data-theme=light] .sidebar{background:#fff;border-right-color:#e8edf2;box-shadow:1px 0 0 #0f172a0a}[data-theme=light] .sidebar-section-label{color:#94a3b8}[data-theme=light] .top-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-bottom-color:#e8edf2}[data-theme=light] .content-area{background:#0000}[data-theme=light] .nav-item:hover{background:#007a5e0f;color:#007a5e!important}[data-theme=light] .nav-item:before{background:#008f72}[data-theme=light] .theme-toggle-btn{background:linear-gradient(135deg,#008f72,#006b52)!important;border:none!important;box-shadow:0 2px 12px #006b5238;color:#fff!important}.admin-content-wrapper{pointer-events:auto;position:relative;z-index:2}.registration-card{background:#fff;background:var(--bg-card);border:1px solid #0f172a12;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 25px #0000000d;color:#1e293b;color:var(--text-main);margin:0 auto;max-width:500px;padding:40px;pointer-events:auto;position:relative;z-index:3}.registration-card h2{color:#1e293b;color:var(--text-main);font-size:26px;font-weight:800;margin-bottom:10px}.registration-card p{color:#02993c;font-size:14px;margin-bottom:30px}.form-group label{color:#64748b;color:var(--text-muted);display:block;font-size:12px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-align:left;text-transform:uppercase}.reg-input{background-color:#dce8e4;background-color:var(--bg-main);border:2px solid #0f172a12;border:2px solid var(--border-color);border-radius:15px;box-sizing:border-box;color:#1e293b;color:var(--text-main);font-size:15px;margin-bottom:20px;padding:16px 20px;width:100%}.reg-input:focus{background-color:#fff;background-color:var(--bg-card);border-color:#10b981;outline:none}.btn-register{align-items:center;background:#10b981;border:none;border-radius:15px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;padding:16px;pointer-events:auto;position:relative;transition:.3s;width:100%;z-index:4}.btn-register:hover{background:#059669;transform:translateY(-2px)}.list-section-container{background:#fff;background:var(--bg-card);border:1px solid #0f172a12;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px #0000000d;color:#1e293b;color:var(--text-main);margin-top:20px;padding:30px}.list-section-container,.search-date-container{animation:none!important;transform:none!important;transition:none!important}.search-date-container{align-items:center!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:1.5px solid #10b981!important;border-radius:10px!important;display:inline-flex!important;gap:12px!important;padding:8px 15px!important}.date-input-wrapper{align-items:center!important;display:flex!important;gap:8px!important;transition:none!important}.date-input-wrapper input[type=date]{background:#0000;border:none;color:#1e293b!important;color:var(--text-main)!important;font-family:Courier New,monospace!important;outline:none;text-transform:uppercase;transition:none!important}[data-theme=dark] .date-input-wrapper input[type=date]{color:#fff!important}.search-date-container:hover{transform:none!important;transition:none!important}.btn-reset-search{align-items:center!important;animation:none!important;background:#fff!important;background:var(--bg-card)!important;border:2px solid #0f172a12!important;border:2px solid var(--border-color)!important;border-radius:10px!important;color:#6b7280!important;cursor:pointer!important;display:inline-flex!important;font-size:13px!important;font-weight:700!important;gap:8px!important;letter-spacing:.5px!important;padding:10px 24px!important;text-transform:uppercase!important;transform:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transition:none!important}.btn-reset-search:hover{background:#dce8e4!important;background:var(--bg-main)!important;border-color:#fca5a5!important;color:#ef4444!important;transform:none!important}.modern-table{border-collapse:collapse;width:100%}.modern-table th{border-bottom:2px solid #0f172a12;border-bottom:2px solid var(--border-color);color:#6b7280;font-size:12px;font-weight:800;padding:12px 15px;text-align:left;text-transform:uppercase}.modern-table td{border-bottom:1px solid #0f172a12;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-main);font-size:14px;padding:15px;vertical-align:middle}.preview-2x2{border:3px solid #10b981;border-radius:12px;display:block;height:120px;margin-bottom:15px;margin-left:auto;margin-right:auto;object-fit:cover;width:120px}.scan-success-ui{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;justify-content:center;text-align:center}.scan-photo-frame{border:5px solid #10b981;border-radius:20px;box-shadow:0 10px 25px #10b9814d;height:180px;margin:0 auto 20px;overflow:hidden;width:180px}.scanned-2x2{height:100%;object-fit:cover;width:100%}.scanned-name{color:#1e293b;color:var(--text-main);font-size:24px;font-weight:800;margin-bottom:10px}.live-camera-container{background:#000;border:2px solid #0fc;border-radius:16px;box-shadow:0 0 25px #0fc6;height:min(560px,68vh);left:30px;position:absolute;top:12%;width:min(760px,55vw);z-index:5}.live-video-feed{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.qr-detect-overlay{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .12s ease;z-index:6}.qr-detect-overlay.is-visible{opacity:1}.qr-detect-svg{height:100%;inset:0;overflow:visible;position:absolute;width:100%}.qr-detect-box{fill:#00ffd51f;stroke:#00ffd5;stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke;animation:qr-detect-pulse 1s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,255,213,.85))}.qr-detect-label{background:#00cba9eb;border-radius:999px;bottom:14px;box-shadow:0 6px 18px #00000059;color:#041018;font-size:.72rem;font-weight:800;left:50%;letter-spacing:.08em;padding:6px 12px;position:absolute;text-transform:uppercase;transform:translateX(-50%);white-space:nowrap}@keyframes qr-detect-pulse{0%,to{stroke-width:3;fill:#00ffd51a}50%{stroke-width:4;fill:#00ffd533}}.camera-overlay{background:#f00c;border-radius:5px;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 10px;pointer-events:none;position:absolute;right:10px;text-transform:uppercase;top:10px}.recording-active{animation:recording-blink 1.5s infinite;background-color:#ff4d4d!important;border:1px solid #fff!important;box-shadow:0 0 15px #ff4d4d!important;color:#fff!important}@keyframes recording-blink{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.login-card{margin-right:0;margin-top:0!important;position:relative;z-index:10}.side-monitor{height:min(720px,75vh);margin:0;position:absolute;right:20px;top:18%;transform:none;width:min(500px,34vw)}@media (max-width:1200px){.live-camera-container{height:min(520px,60vh);left:20px;width:min(620px,58vw)}.side-monitor{height:min(620px,70vh);right:20px;top:20%;width:min(440px,42vw)}}@media (max-width:1024px){.live-camera-container{height:min(480px,58vh);left:20px;width:min(560px,70vw)}.side-monitor{bottom:20px;height:auto;max-height:60vh;right:20px;top:auto;transform:none;width:min(360px,80vw)}}@media (max-width:768px){.live-camera-container{height:240px;left:auto}.live-camera-container,.side-monitor{margin:0 auto 20px;position:relative;right:auto;top:auto;width:calc(100% - 40px)}.side-monitor{max-height:320px;transform:none}.login-card{margin-top:0!important;max-width:520px;width:calc(100% - 40px)}}.table-avatar{border:1px solid #0f172a12;border:1px solid var(--border-color);border-radius:8px;height:45px;object-fit:cover;width:45px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.terminal-header-controls{align-items:center;display:flex;gap:10px;left:20px;position:absolute;top:10px;z-index:10}.header-btn{background:#464e5e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:15px;padding:10px 15px}.header-btn.green{background:#2f855a}.folder-path-text{color:#64748b;color:var(--text-muted);font-family:monospace;font-size:12px}.emp-id-text{color:#1e293b;color:var(--text-main);font-weight:800}.btn-delete-row{align-items:center;background:#dce8e4;background:var(--bg-main);border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:16px;justify-content:center;margin:0 auto;padding:8px;transition:.2s}.btn-delete-row:hover{background:#ef4444;transform:scale(1.1)}.msg-success{color:#10b981;margin-top:10px}.msg-error,.msg-success{font-size:14px;font-weight:600}.msg-error{color:#ef4444;margin-bottom:15px}.theme-toggle-btn{align-items:center;background:#10b981;border:none;border-radius:50%;bottom:25px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;position:fixed;right:25px;width:50px;z-index:10000}.analytics-dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:2fr 1fr;margin-top:20px}.chart-card{background:#fff;background:var(--bg-card);border:1px solid #0f172a12;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #00000008;padding:25px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-title{color:#1e293b;color:var(--text-main);font-size:16px;font-weight:800}.bar-chart-container{align-items:flex-end;border-bottom:2px solid #0f172a12;border-bottom:2px solid var(--border-color);display:flex;height:200px;justify-content:space-around;padding-bottom:20px}.bar{background:#10b981;border-radius:8px 8px 0 0;position:relative;transition:height .5s ease;width:40px}.bar:hover{filter:brightness(1.1)}.bar:after{bottom:-25px;color:#64748b;color:var(--text-muted);content:attr(data-label);font-size:11px;left:50%;transform:translateX(-50%)}.bar:after,.btn-back-to-dash{font-weight:700;position:absolute}.btn-back-to-dash{align-items:center;background:#00bf86;border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;left:280px;padding:10px 22px;text-transform:uppercase;top:20px;transition:all .3s ease;z-index:10000}.btn-back-to-dash:hover{background:#009e6e;box-shadow:0 6px 15px #00bf8666;transform:translateY(-2px)}.fullscreen-live-wrapper{background:#041018;height:100vh;overflow:hidden;position:relative;width:100vw}.fullscreen-live-wrapper .login-wrapper.monitor-fullscreen{height:100%}.fullscreen-live-wrapper .monitor-main-fullscreen .live-camera-container,.fullscreen-live-wrapper .monitor-main-fullscreen .side-monitor{bottom:auto!important;height:100%!important;left:auto!important;max-height:none!important;min-height:0!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}.fullscreen-live-wrapper .login-card{display:none!important}.fullscreen-live-wrapper .theme-toggle-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08141ccc!important;border:1px solid #00ffd540;bottom:24px;color:#00ffd5!important;right:24px}@media (max-width:1200px){.fullscreen-live-wrapper .monitor-main-fullscreen .live-camera-container,.fullscreen-live-wrapper .monitor-main-fullscreen .side-monitor{height:100%!important;max-height:none!important}}@media (max-width:1024px){.fullscreen-live-wrapper .monitor-main-fullscreen .live-camera-container,.fullscreen-live-wrapper .monitor-main-fullscreen .side-monitor{height:100%!important;max-height:none!important}}@media (max-width:768px){.fullscreen-live-wrapper .monitor-main-fullscreen .live-camera-container,.fullscreen-live-wrapper .monitor-main-fullscreen .side-monitor{height:100%!important;margin:0!important;max-height:none!important}.top-nav{gap:8px;height:calc(58px + env(safe-area-inset-top, 0px));min-height:58px;padding:env(safe-area-inset-top,0) 12px 0 8px}.nav-logo{height:38px}.nav-menu-toggle{display:flex}.nav-info{flex-shrink:1;gap:8px;min-width:0}.nav-status-group{height:34px;max-width:calc(100vw - 180px)}.on-duty-btn,.role-badge{font-size:.62rem;padding:0 10px}.role-badge.admin{max-width:72px;overflow:hidden;text-overflow:ellipsis}.role-badge.tl{font-size:.62rem;max-width:110px}.nav-profile-chip--tl{gap:8px;height:38px;max-width:min(220px,46vw);padding:3px 10px 3px 3px}.nav-profile-chip--tl .nav-profile-chip-avatar{height:30px;width:30px}.nav-profile-chip--tl .nav-profile-chip-name{font-size:.68rem}.nav-profile-chip--tl .nav-profile-chip-meta{display:none}.nav-profile-chip{gap:8px;max-width:min(220px,38vw);padding:4px 10px 4px 4px}.nav-profile-chip-avatar{height:30px;width:30px}.nav-profile-chip-name{font-size:.72rem}.nav-profile-chip-meta{font-size:.56rem}.employee-theme-toggle{border-radius:10px;height:36px;width:36px}.employee-portal-nav-actions{gap:8px}.employee-portal-shell .top-nav{flex-wrap:nowrap;height:auto;min-height:calc(56px + env(safe-area-inset-top, 0px));padding:calc(8px + env(safe-area-inset-top, 0px)) 12px 8px}.employee-portal-shell .nav-logo{height:38px}.employee-portal-shell .nav-brand{flex-shrink:1;min-width:0}.employee-portal-shell .nav-info{flex-shrink:0}.employee-portal-shell .admin-content-wrapper,.employee-portal-shell .employee-portal-content{padding:10px 10px calc(14px + env(safe-area-inset-bottom, 0px))}.employee-portal-shell .top-nav{padding-left:12px;padding-right:12px}.employee-portal-layout .content-area--full{padding:0}.nav-profile-chip--portal{max-width:min(180px,34vw)}.logout-btn{font-size:.68rem;padding:8px 12px}.logout-label{display:none}.main-layout{position:relative;width:100%}.sidebar{-webkit-overflow-scrolling:touch;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom,16px);position:fixed;top:calc(58px + env(safe-area-inset-top, 0px));transform:translateX(-105%);transition:transform .28s cubic-bezier(.22,1,.36,1);z-index:200}.main-layout--sidebar-collapsed .sidebar,.sidebar,.sidebar.sidebar--collapsed{box-shadow:8px 0 32px #00000040;min-width:0;opacity:1;overflow-y:auto;pointer-events:auto;width:min(280px,86vw)}.main-layout--sidebar-collapsed .sidebar,.sidebar.sidebar--collapsed{border-right-color:#0f172a0f;border-right-color:var(--sidebar-border);padding:18px 12px env(safe-area-inset-bottom,16px)}.sidebar--collapsed .nav-badge,.sidebar--collapsed .nav-chevron,.sidebar--collapsed .nav-label,.sidebar--collapsed .nav-sub-item,.sidebar--collapsed .nav-sub-list{display:revert!important}.sidebar--collapsed .nav-sub-list{display:flex!important;flex-direction:column}.sidebar--collapsed .nav-item{display:block;justify-content:normal;padding:13px 16px}.sidebar--collapsed .nav-item-row{gap:10px;justify-content:flex-start;width:100%}.sidebar--collapsed .nav-icon{height:18px;width:18px}.sidebar--collapsed .nav-icon svg{height:inherit;width:inherit}.sidebar--collapsed .nav-sub-item{display:block!important}.sidebar.sidebar--open{transform:translateX(0)}.sidebar .nav-item{font-size:.92rem;padding:13px 16px}.sidebar-section-label{margin-left:12px}.sidebar-backdrop{-webkit-tap-highlight-color:transparent;background:#00000073;border:none;bottom:0;cursor:pointer;display:block;left:0;margin:0;padding:0;position:fixed;right:0;top:calc(58px + env(safe-area-inset-top, 0px));z-index:190}.content-area{padding:14px 12px calc(14px + env(safe-area-inset-bottom, 0px));width:100%}}@media (max-width:768px){.content-area:has(.siso-lilo){padding-bottom:0}.admin-content-wrapper{-webkit-overflow-scrolling:touch}.theme-toggle-btn{bottom:calc(16px + env(safe-area-inset-bottom, 0px));font-size:18px;height:44px;right:16px;width:44px}.stats-grid{gap:12px;grid-template-columns:1fr}.analytics-dashboard-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:420px){.on-duty-label-full{display:none}.on-duty-label-short{display:inline}.nav-status-divider{display:none}.nav-status-group{max-width:calc(100vw - 120px)}.employee-portal-shell .nav-profile-chip--portal .nav-profile-chip-copy{display:none}.employee-portal-shell .nav-profile-chip--portal{border-radius:50%;max-width:none;padding:3px}.employee-portal-shell .nav-profile-chip--portal .nav-profile-chip-avatar{height:34px;width:34px}.employee-portal-shell .logout-btn{border-radius:12px;height:38px;justify-content:center;padding:0;width:38px}.employee-portal-shell .logout-btn svg{height:18px;width:18px}.employee-theme-toggle{height:34px;width:34px}.employee-portal-shell .nav-logo{height:34px}}.helport-logo--form{align-items:center;flex-direction:column;text-align:center;width:100%}.helport-logo--full{align-items:flex-start;flex-direction:column}.helport-logo--icon{justify-content:center}.helport-logo{align-items:center;display:inline-flex;gap:12px;min-width:0}.helport-logo--nav{gap:10px}.card-helport-logo .helport-logo__icon{height:36px;width:36px}.helport-logo__icon{display:block;filter:drop-shadow(0 0 10px rgba(0,255,213,.35));flex-shrink:0;height:40px;width:40px}.helport-logo__icon--nav{height:38px;width:38px}.helport-icon-mark-shell{border-radius:28%;display:inline-grid;isolation:isolate;place-items:center;position:relative}.helport-icon-mark-ring{animation:hp-border-spin 2.8s linear infinite;background:conic-gradient(from 0deg,#5eead4,#00e6c0,#14b8a6,#00b89a,#2dd4bf,#7af8de,#5eead4);border-radius:inherit;inset:0;position:absolute;z-index:0}.helport-icon-mark-ring:after{background:#050d12;border-radius:inherit;content:"";inset:2px;position:absolute}.helport-icon-mark{border-radius:inherit;display:block;height:100%;position:relative;width:100%;z-index:1}.helport-icon-mark__wave{transform-box:fill-box;transform-origin:center}.helport-icon-mark__waves--left .helport-icon-mark__wave--1,.helport-icon-mark__waves--right .helport-icon-mark__wave--1{animation:hp-wave-pulse 1.55s ease-in-out infinite}.helport-icon-mark__waves--left .helport-icon-mark__wave--2,.helport-icon-mark__waves--right .helport-icon-mark__wave--2{animation:hp-wave-pulse 1.55s ease-in-out .18s infinite}.helport-icon-mark__waves--left .helport-icon-mark__wave--3,.helport-icon-mark__waves--right .helport-icon-mark__wave--3{animation:hp-wave-pulse 1.55s ease-in-out .36s infinite}@keyframes hp-wave-pulse{0%,to{opacity:.2}45%{opacity:1}}@keyframes hp-border-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.helport-icon-mark__wave{animation:none!important;opacity:.75}.helport-icon-mark-ring{animation:none!important;background:linear-gradient(135deg,#5eead4,#00e6c0,#14b8a6)}}.helport-logo__copy{display:flex;flex-direction:column;gap:1px;min-width:0}.helport-logo__wordmark{display:block;object-fit:contain;object-position:left center}.helport-logo__wordmark--hero{filter:drop-shadow(0 0 24px rgba(0,255,213,.35));height:auto;width:min(320px,78vw)}.helport-logo__wordmark--nav{height:28px;max-width:140px;width:auto}.helport-logo__wordmark--form{filter:drop-shadow(0 0 16px rgba(0,255,213,.3));height:auto;margin:0 auto;width:min(200px,62vw)}.helport-logo--on-dark .helport-logo__wordmark{mix-blend-mode:screen}.helport-logo--on-light .helport-logo__wordmark{filter:drop-shadow(0 2px 8px rgba(0,0,0,.12));mix-blend-mode:normal}.helport-logo__tagline{color:#00ffd5bf;font-size:.62rem;font-weight:700;letter-spacing:.14em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.helport-logo__tagline--hero{color:#94a3b8f2;display:block;font-size:.72rem;letter-spacing:.18em;margin-top:6px}.helport-logo__tagline--form{color:#94a3b8e6;display:block;font-size:.68rem;margin-top:4px;text-align:center}@media (max-width:640px){.helport-logo__tagline{display:none}.helport-logo__wordmark--nav{height:24px;max-width:118px}.helport-logo__icon--nav{height:34px;width:34px}}@media (max-width:420px){.helport-logo--nav .helport-logo__copy{display:none}}.hp-avatar{background:var(--surface-3);border:1px solid var(--divider);display:inline-grid;flex-shrink:0;font-weight:var(--weight-bold);letter-spacing:.02em;line-height:1;overflow:hidden;place-items:center;position:relative;-webkit-user-select:none;user-select:none}.hp-avatar--sm{border-radius:var(--radius-xs)}.hp-avatar--md{border-radius:var(--radius-sm)}.hp-avatar--lg{border-radius:var(--radius-md)}.hp-avatar--pill{border-radius:var(--radius-pill)}.hp-avatar-img{height:100%;object-fit:cover;width:100%}.hp-avatar[data-fallback=true]{background:linear-gradient(140deg,hsl(var(--avatar-hue) 62% 52%) 0,hsl(calc(var(--avatar-hue) + 26) 58% 40%) 100%);border-color:#0000}.hp-avatar-initials{color:#fff;text-shadow:0 1px 2px #00000047}.dashboard-bg{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.dashboard-bg__base{background:linear-gradient(160deg,#060a10,#0a1018 40%,#081018);inset:0;position:absolute}.dashboard-bg__orb{animation:orbFloat 18s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.35;position:absolute}.dashboard-bg__orb--1{animation-delay:0s;background:radial-gradient(circle,#00cba938 0,#0000 70%);height:520px;left:-80px;top:-120px;width:520px}.dashboard-bg__orb--2{animation-delay:-6s;background:radial-gradient(circle,#3b82f626 0,#0000 70%);bottom:-100px;height:480px;right:-60px;width:480px}.dashboard-bg__orb--3{animation-delay:-12s;background:radial-gradient(circle,#00ffd514 0,#0000 70%);height:360px;left:45%;top:40%;width:360px}.dashboard-bg__grid{background-image:linear-gradient(#00ffd508 1px,#0000 0),linear-gradient(90deg,#00ffd508 1px,#0000 0);background-size:48px 48px;inset:0;mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 20%,#0000 100%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 50%,#000 20%,#0000 100%);opacity:.5;position:absolute}.dashboard-bg__vignette{background:radial-gradient(ellipse at center,#0000 40%,#0006 100%);inset:0;position:absolute}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}[data-theme=light] .dashboard-bg{background:#e8f0ee}[data-theme=light] .dashboard-bg__base{background-color:#e8f0ee;background-image:radial-gradient(ellipse 110% 70% at 50% -15%,#fffffffa 0,#0000 58%),radial-gradient(ellipse 70% 55% at 95% 5%,#00bf9a1f 0,#0000 62%),radial-gradient(ellipse 65% 50% at 5% 95%,#648cbe1a 0,#0000 60%),radial-gradient(ellipse 50% 40% at 50% 100%,#009e6e0f 0,#0000 55%),linear-gradient(155deg,#f0f7f4,#eef3f8 38%,#e9f0f6 68%,#e6edf4)}[data-theme=light] .dashboard-bg__orb{animation:lightOrbFloat 28s ease-in-out infinite;display:block;filter:blur(100px);opacity:1}[data-theme=light] .dashboard-bg__orb--1{animation-delay:0s;animation-duration:26s;background:radial-gradient(circle,#00cba924 0,#00cba90a 45%,#0000 72%);height:640px;left:auto;right:-140px;top:-220px;width:640px}[data-theme=light] .dashboard-bg__orb--2{animation-delay:-8s;animation-duration:32s;background:radial-gradient(circle,#6082b91c 0,#6082b908 42%,#0000 70%);bottom:-200px;height:560px;left:-120px;right:auto;width:560px}[data-theme=light] .dashboard-bg__orb--3{animation:lightOrbFloatCenter 22s ease-in-out infinite;animation-delay:-14s;background:radial-gradient(circle,#00b49617 0,#0000 68%);display:block;height:440px;left:42%;top:38%;width:440px}[data-theme=light] .dashboard-bg__grid{animation:lightGridShift 40s linear infinite;background-image:radial-gradient(#00786412 1px,#0000 0);background-size:48px 48px;display:block;mask-image:radial-gradient(ellipse 95% 90% at 50% 45%,#000 40%,#0000 100%);-webkit-mask-image:radial-gradient(ellipse 95% 90% at 50% 45%,#000 40%,#0000 100%);opacity:.55}[data-theme=light] .dashboard-bg__vignette{background:linear-gradient(180deg,#ffffff8c,#0000 32%),linear-gradient(0deg,#e6edf473,#0000 26%),radial-gradient(ellipse at center,#0000 50%,#64748b0a 100%);display:block}[data-theme=light] .dashboard-bg:before{animation:lightMeshDrift 20s ease-in-out infinite;background:radial-gradient(ellipse 45% 38% at 25% 30%,#00c8a51a 0,#0000 68%),radial-gradient(ellipse 40% 35% at 75% 65%,#7896c814 0,#0000 65%);content:"";inset:-20%;pointer-events:none;position:absolute}[data-theme=light] .dashboard-bg:after{background:linear-gradient(90deg,#0000,#009e6e33 20%,#ffffffe6 50%,#009e6e33 80%,#0000);content:"";height:1px;left:0;opacity:.8;position:absolute;right:0;top:0}@keyframes lightOrbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(24px,-18px) scale(1.04)}66%{transform:translate(-18px,14px) scale(.97)}}@keyframes lightOrbFloatCenter{0%,to{transform:translate(-50%,-50%) scale(1)}33%{transform:translate(calc(-50% + 20px),calc(-50% - 14px)) scale(1.03)}66%{transform:translate(calc(-50% - 16px),calc(-50% + 12px)) scale(.98)}}@keyframes lightGridShift{0%{background-position:0 0}to{background-position:48px 48px}}@keyframes lightMeshDrift{0%,to{opacity:.7;transform:translate(0) scale(1)}50%{opacity:1;transform:translate(2%,-1.5%) scale(1.05)}}@media (prefers-reduced-motion:reduce){.dashboard-bg__orb,[data-theme=light] .dashboard-bg:before,[data-theme=light] .dashboard-bg__grid,[data-theme=light] .dashboard-bg__orb{animation:none!important}[data-theme=light] .dashboard-bg__orb--3{transform:translate(-50%,-50%)}}.monitor-fullscreen{align-items:stretch!important;display:flex!important;flex-direction:column;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;height:100vh;justify-content:flex-start!important;min-height:100vh;overflow:hidden;padding:0!important}.monitor-fullscreen .bg-video{filter:brightness(.35) saturate(1.1)}.monitor-top-bar{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;padding:18px 28px;position:relative;z-index:100}.monitor-back-btn,.monitor-folder-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;font-weight:700;gap:8px;letter-spacing:.06em;padding:10px 18px;text-transform:uppercase;transition:transform .2s,box-shadow .2s,background .2s}.monitor-folder-btn{background:#00cba926;border:1px solid #00ffd54d;box-shadow:0 4px 16px #00cba926;color:#00ffd5}.monitor-folder-btn:hover{background:#00cba940;transform:translateY(-1px)}.monitor-folder-btn svg{flex-shrink:0;height:15px;width:15px}.monitor-offline-badge{align-items:center;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:100px;color:#fcd34d;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:8px 14px;text-transform:uppercase}.monitor-back-btn{background:linear-gradient(135deg,#00cba9,#009e6e);box-shadow:0 4px 20px #00cba959;color:#fff}.monitor-back-btn:hover{box-shadow:0 6px 28px #00cba980;transform:translateY(-1px)}.monitor-back-btn svg{height:16px;width:16px}.monitor-main-fullscreen{grid-gap:24px;align-items:stretch;display:grid;flex:1 1;gap:24px;grid-template-columns:1fr min(440px,34vw);grid-template-rows:minmax(0,1fr);height:100%;min-height:0;padding:0 28px 28px;position:relative;z-index:5}.monitor-main-fullscreen>.live-camera-container,.monitor-main-fullscreen>.side-monitor{align-self:stretch;height:100%;max-height:none;min-height:0}.monitor-fullscreen .live-camera-container{border:1.5px solid #00ffd559;border-radius:20px;bottom:auto!important;box-shadow:0 0 40px #00ffcc26,0 24px 48px #0006,inset 0 1px 0 #ffffff0f;height:100%!important;left:auto!important;margin:0!important;max-height:none!important;min-height:0!important;overflow:hidden;position:relative!important;right:auto!important;top:auto!important;width:100%!important}.monitor-fullscreen .live-camera-container:before{background:linear-gradient(180deg,#00ffd50a,#0000 30%);border-radius:20px;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.monitor-fullscreen .live-camera-container:after{animation:monitorScanLine 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00ffd599,#0000);content:"";height:2px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}@keyframes monitorScanLine{0%,to{opacity:0;top:0}10%{opacity:1}50%{opacity:1;top:100%}60%{opacity:0}}.camera-hud{gap:10px;position:absolute;right:16px;top:16px;z-index:10}.camera-hud,.camera-timestamp{align-items:center;display:flex}.camera-timestamp{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#081018bf;border:1px solid #ffffff1f;border-radius:100px;color:#ffffffe6;font-family:Courier New,monospace;font-size:.82rem;font-weight:600;gap:12px;letter-spacing:.02em;padding:8px 16px}.camera-timestamp-divider{color:#00ffd580;font-weight:400}.camera-live-badge{align-items:center;animation:livePulse 2s ease-in-out infinite;background:#ef4444d9;border-radius:100px;box-shadow:0 0 20px #ef444466;color:#fff;display:inline-flex;font-size:.72rem;font-weight:800;gap:7px;letter-spacing:.1em;padding:8px 14px;text-transform:uppercase}.camera-live-dot{animation:liveDotBlink 1.2s ease-in-out infinite;background:#fff;border-radius:50%;height:7px;width:7px}@keyframes livePulse{0%,to{box-shadow:0 0 20px #ef444466}50%{box-shadow:0 0 30px #ef4444a6}}@keyframes liveDotBlink{0%,to{opacity:1}50%{opacity:.4}}.monitor-fullscreen .side-monitor{bottom:auto!important;display:flex;flex-direction:column;height:100%!important;left:auto!important;margin:0!important;max-height:none!important;min-height:0!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important}.monitor-fullscreen .monitor-inner{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:linear-gradient(160deg,#002d288c,#040e18e0);border:1.5px solid #00ffd559;border-radius:20px;box-shadow:0 0 40px #00cba91a,0 24px 48px #00000059,inset 0 1px 0 #ffffff0f;display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:22px 20px}.monitor-fullscreen .monitor-header-text{border-bottom:1px solid #ffffff14;flex-shrink:0;margin-bottom:18px;padding-bottom:14px}.monitor-fullscreen .monitor-header-text span{color:#ffffffeb!important;font-size:.8rem;font-weight:800;letter-spacing:.14em}.monitor-fullscreen .pulse-red{background:#ef4444;box-shadow:0 0 10px #ef4444cc;height:9px;width:9px}.monitor-fullscreen .mini-logs-container{display:flex;flex:1 1;flex-direction:column;gap:10px;height:auto;max-height:none!important;min-height:0;overflow-y:auto;padding-right:6px}.monitor-fullscreen .mini-logs-container::-webkit-scrollbar{width:5px}.monitor-fullscreen .mini-logs-container::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px}.monitor-fullscreen .mini-logs-container::-webkit-scrollbar-thumb{background:#00ffd54d;border-radius:10px}.monitor-fullscreen .mini-card{background:#ffffff0d!important;border:1px solid #ffffff14;border-radius:14px;box-shadow:none;margin-bottom:0;padding:14px 16px;transition:background .2s,border-color .2s}.monitor-fullscreen .mini-card:hover{background:#ffffff14!important;border-color:#00ffd533}.monitor-fullscreen .mini-card.in-border{border-left:3px solid #00cba9}.monitor-fullscreen .mini-card.out-border{border-left:3px solid #ef4444}.monitor-fullscreen .m-name{color:#ffffffeb!important;font-size:.9rem}.monitor-fullscreen .m-time{color:#ffffff73!important;font-family:inherit;font-size:.78rem;font-weight:500}.m-account{background:#00ffd51a;border:1px solid #00ffd52e;border-radius:999px;color:#00ffd5d9;display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.06em;margin-top:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.monitor-fullscreen .m-account{background:#00ffd51f;color:#00ffd5e6}.monitor-fullscreen .m-type{border-radius:100px;font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:4px 10px}.monitor-fullscreen .mini-card.in-border .m-type{background:#00cba926;color:#00ffd5!important}.monitor-fullscreen .mini-card.out-border .m-type{background:#ef444426;color:#fca5a5!important}.logs-empty-state{flex:1 1;flex-direction:column;gap:14px;padding:40px 20px;text-align:center}.logs-empty-icon,.logs-empty-state{align-items:center;display:flex;justify-content:center}.logs-empty-icon{animation:emptyPulse 2.5s ease-in-out infinite;background:#00ffd514;border:1px solid #00ffd533;border-radius:16px;height:52px;width:52px}.logs-empty-icon svg{color:#00ffd599;height:24px;width:24px}@keyframes emptyPulse{0%,to{box-shadow:0 0 0 0 #00ffd51a}50%{box-shadow:0 0 24px #00ffd526}}.logs-empty-title{color:#ffffffb3;font-size:.95rem;font-weight:600;margin:0}.logs-empty-sub{color:#ffffff59;font-size:.8rem;line-height:1.5;margin:0;max-width:220px}.logs-count-badge{align-items:center;background:#00ffd526;border-radius:100px;color:#00ffd5;display:inline-flex;font-size:.72rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}@media (max-width:1100px){.monitor-main-fullscreen{gap:18px;grid-template-columns:1fr min(360px,38vw);padding:0 20px 20px}}@media (max-width:900px){.monitor-main-fullscreen{grid-template-columns:1fr;grid-template-rows:minmax(280px,1fr) minmax(280px,1fr);overflow-y:auto}.monitor-main-fullscreen>.live-camera-container,.monitor-main-fullscreen>.side-monitor{height:100%;max-height:none;min-height:280px}}@media (max-width:480px){.monitor-top-bar{padding:14px 16px}.monitor-back-btn,.monitor-folder-btn{font-size:.7rem;padding:9px 14px}.camera-hud{align-items:flex-end;flex-direction:column;gap:6px}.camera-timestamp{font-size:.72rem;padding:6px 12px}}.scan-flash-overlay{display:grid;inset:0;overflow:hidden;place-items:center;pointer-events:none;position:absolute;z-index:40}.scan-flash-overlay--in{background:radial-gradient(circle at center,#22c55e47 0,#00000059 70%)}.scan-flash-overlay--out{background:radial-gradient(circle at center,#ef44444d 0,#0006 70%)}.scan-flash-burst{border:3px solid;border-radius:50%;height:min(70vw,520px);position:absolute;width:min(70vw,520px)}.scan-flash-overlay--in .scan-flash-burst{box-shadow:0 0 80px #22c55e73;color:#22c55ed9}.scan-flash-overlay--out .scan-flash-burst{box-shadow:0 0 80px #ef444473;color:#ef4444e6}.scan-feedback-card{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c12d1;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 20px 50px #00000073;display:flex;gap:18px;max-width:min(92%,460px);padding:18px 22px;position:relative;z-index:2}.scan-feedback-photo{border:3px solid #22c55e;border-radius:18px;box-shadow:0 0 24px #22c55e59;flex-shrink:0;height:96px;overflow:hidden;width:96px}.scan-feedback-photo.is-out{border-color:#ef4444;box-shadow:0 0 24px #ef444459}.scan-feedback-photo img,.scan-feedback-photo-fallback{height:100%;object-fit:cover;width:100%}.scan-feedback-photo-fallback{background:#ffffff14;color:#fff;display:grid;font-size:2rem;font-weight:800;place-items:center}.scan-feedback-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.scan-feedback-action{font-size:.72rem;font-weight:800;letter-spacing:.14em}.scan-feedback-action.is-in{color:#4ade80}.scan-feedback-action.is-out{color:#f87171}.scan-feedback-name{color:#fff;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:800;line-height:1.15;word-break:break-word}.scan-feedback-meta{color:#ffffff8c;font-size:.82rem}.login-scan-result{align-items:center;display:flex;flex-direction:column}.login-scan-result-photo{border:4px solid #00bf86;border-radius:18px;height:168px;margin-bottom:16px;overflow:hidden;width:168px}.login-scan-result.is-out .login-scan-result-photo{border-color:#eb0404}.login-scan-result-photo img{height:100%;object-fit:cover;width:100%}.login-scan-result-badge{border-radius:999px;color:#fff;font-weight:800;letter-spacing:.04em;padding:10px 22px}.login-scan-result-badge.is-in{background:#00bf86}.login-scan-result-badge.is-out{background:#eb0404}@media (max-width:640px){.scan-feedback-card{flex-direction:column;gap:12px;padding:16px;text-align:center}.scan-feedback-photo{height:84px;width:84px}}.developer-credit{bottom:14px;color:#ffffff57;font-size:.62rem;font-weight:500;left:50%;letter-spacing:.04em;line-height:1.2;margin:0;padding:0;pointer-events:none;position:absolute;text-shadow:0 1px 10px #0000008c,0 0 18px #00000059;transform:translateX(-50%);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:4}.developer-credit--landing{align-self:flex-start;bottom:auto;color:#ffffff5c;font-size:.6rem;left:auto;margin-left:14px;margin-top:16px;position:relative;text-shadow:0 1px 12px #00000080,0 0 20px #00cba91a;transform:none}@media (max-width:968px){.developer-credit--landing{align-self:center;margin-left:0}}.developer-credit--live{bottom:14px;color:#ffffff47;font-size:.56rem;left:auto;max-width:calc(100% - 32px);position:absolute;right:16px;text-align:right;transform:none;width:-webkit-max-content;width:max-content;z-index:10}@media (max-width:480px){.developer-credit{font-size:.54rem;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}}.qr-scanner-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020a12d1;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.qr-scanner-modal{background:linear-gradient(160deg,#0c1c26fa,#041018fa);border:1px solid #00cba947;border-radius:20px;box-shadow:0 24px 60px #00000073;max-width:420px;padding:22px;width:100%}.qr-scanner-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.qr-scanner-header h3{color:#fff;font-size:1.05rem;margin:0 0 6px}.qr-scanner-header p{color:#ffffff9e;font-size:.78rem;line-height:1.45;margin:0}.qr-scanner-close{background:#ffffff14;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;height:32px;width:32px}.qr-scanner-region{background:#000;border:1px solid #00cba933;border-radius:14px;min-height:280px;overflow:hidden;width:100%}.qr-scanner-region video{border-radius:14px}.qr-scanner-error,.qr-scanner-status{font-size:.78rem;margin:12px 0 0;text-align:center}.qr-scanner-status{color:#ffffff8c}.qr-scanner-error{color:#ff8f8f}.qr-scanner-upload-btn{background:#00cba91f;border:1px solid #00cba959;border-radius:10px;color:#00ffd5;cursor:pointer;font-size:.82rem;font-weight:700;margin-top:12px;padding:12px;width:100%}.qr-scanner-upload-btn:disabled{cursor:not-allowed;opacity:.6}.qr-scanner-file-input{display:none}.qr-scanner-cancel-btn{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:14px;padding:12px;width:100%}.hp-skeleton-table{display:flex;flex-direction:column;gap:12px;padding:18px}.hp-skeleton-table-head,.hp-skeleton-table-row{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:48px repeat(5,minmax(0,1fr))}.hp-skeleton-dashboard{display:flex;flex-direction:column;gap:22px}.hp-skeleton-realtime{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.hp-skeleton-stat-card{border-radius:16px;height:96px}.hp-skeleton-bento{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.hp-skeleton-bento-card{border-radius:20px;min-height:220px}.hp-skeleton-bento-card--tall{grid-row:span 2}.hp-skeleton-bento-card--wide{grid-column:span 2}@media (max-width:1024px){.hp-skeleton-realtime{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-skeleton-bento{grid-template-columns:1fr}.hp-skeleton-bento-card--tall,.hp-skeleton-bento-card--wide{grid-column:auto;grid-row:auto}}@media (max-width:640px){.hp-skeleton-realtime{grid-template-columns:1fr}.hp-skeleton-table-head,.hp-skeleton-table-row{grid-template-columns:40px 1fr 1fr}.hp-skeleton-table-head>:nth-child(n+4),.hp-skeleton-table-row>:nth-child(n+4){display:none}}:root{--bento-border:#00ffd524;--bento-bg:linear-gradient(160deg,#081820eb,#040c14f5);--bento-stat:#00ffd5}.dashboard-page{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;padding-bottom:32px}.dashboard-page-header{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.dashboard-page-badge{align-items:center;background:#00cba91f;border:1px solid #00ffd538;border-radius:100px;color:#00ffd5;display:inline-flex;font-size:.68rem;font-weight:700;gap:7px;letter-spacing:.1em;padding:5px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.dashboard-page-badge-dot{background:#00ffd5;border-radius:50%;box-shadow:0 0 8px #00ffd5;height:6px;width:6px}.dashboard-page-title{color:#fffffff2;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:800;letter-spacing:-.02em;margin:0}.dashboard-page-subtitle{color:#fff6;font-size:.88rem;margin:0}.card-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr}.card-grid,.magic-bento-card{box-sizing:border-box;width:100%}.magic-bento-card{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:linear-gradient(160deg,#081820eb,#040c14f5);background:var(--bento-bg);border:1px solid #00ffd524;border:1px solid var(--bento-border);border-radius:20px;box-shadow:0 4px 24px #0000004d,inset 0 1px 0 #ffffff0d;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.magic-bento-card:before{background:linear-gradient(90deg,#0000,#00ffd559,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.magic-bento-card:hover{border-color:#00ffd547;box-shadow:0 16px 40px #0006,0 0 50px #00cba914;transform:translateY(-4px)}.magic-bento-card__header{color:#00ffd5a6;font-size:.68rem;font-weight:800;justify-content:space-between;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.magic-bento-card__header,.magic-bento-card__stat{align-items:center;display:flex;position:relative;z-index:2}.magic-bento-card__stat{flex:1 1}.magic-bento-stat-num{color:#00ffd5;color:var(--bento-stat);font-size:clamp(2.4rem,4vw,3.2rem);font-weight:800;letter-spacing:-.03em;line-height:1;text-shadow:0 0 30px #00ffd559}.magic-bento-card__footer{position:relative;z-index:2}.magic-bento-card__title{color:#ffffffeb;font-size:1.05rem;font-weight:700;margin:0 0 4px}.magic-bento-card__description{color:#fff6;font-size:.78rem;line-height:1.4;margin:0}.magic-bento-card--insights{min-height:220px}.insights-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-height:150px;position:relative;z-index:2}.insights-sparkline{height:72px;inset:18px 0 auto;opacity:.85;pointer-events:none;position:absolute;width:100%}.insights-main{position:relative;z-index:2}.magic-bento-card--overview{min-height:220px}.magic-bento-card--workforce{min-height:360px}.workforce-card-body{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:22px;justify-content:center;padding:8px 0 12px;position:relative;z-index:2}.workforce-donut-wrap{aspect-ratio:1;position:relative;width:min(220px,72%)}.workforce-donut{height:100%;transform:rotate(-90deg);width:100%}.workforce-donut-ring{fill:none;stroke:#00ffd51f;stroke-width:4.2}.workforce-donut-segment{fill:none;stroke:#00ffd5;stroke-width:4.2;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(0,255,213,.45))}.workforce-donut-center{align-items:center;color:#fffffff2;display:flex;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;inset:0;justify-content:center;letter-spacing:-.03em;position:absolute}.workforce-legend{display:flex;flex-direction:column;gap:10px;width:100%}.workforce-legend-item{align-items:center;color:#ffffffb8;display:flex;font-size:.78rem;font-weight:600;gap:8px}.workforce-legend-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.workforce-legend-dot--verified{background:#00ffd5;box-shadow:0 0 8px #00ffd573}.workforce-legend-dot--pending{background:#00ffd538}.magic-bento-card--analytics{min-height:300px;overflow:visible}.analytics-card-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px;position:relative;z-index:2}.magic-bento-card__header-label{color:#00ffd5a6;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.analytics-target-status{display:flex;flex-wrap:wrap;font-size:.68rem;font-weight:700;gap:4px 8px;justify-content:flex-end;text-align:right}.analytics-target-status-label{color:#ffffff73;font-weight:600}.analytics-target-status.is-on-track{color:#34d399}.analytics-target-status.is-below{color:#fbbf24}.analytics-target-delta{color:#ffffff8c;font-weight:600}.bento-chart{align-items:flex-end;display:flex;flex:1 1;gap:6px;justify-content:space-around;min-height:150px;overflow:visible;padding:36px 0 8px;position:relative;z-index:2}.bento-chart-target-line{border-top:1px dashed #00ffd573;left:0;pointer-events:none;position:absolute;right:0;z-index:5}.bento-chart-target-badge{background:#061412eb;border:1px solid #00ffd566;border-radius:999px;box-shadow:0 4px 12px #00000059;color:#00ffd5;font-size:.65rem;font-weight:700;letter-spacing:.02em;line-height:1.2;padding:3px 10px;position:absolute;right:0;top:6px;white-space:nowrap}.bento-chart-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;position:relative;z-index:2}.bento-chart-value{color:#00ffd5;font-size:.75rem;font-weight:800}.bento-chart-bar-wrap{align-items:flex-end;display:flex;height:110px;justify-content:center;max-width:36px;width:100%}.bento-chart-bar{background:linear-gradient(180deg,#00ffd5,#00a878);border-radius:8px 8px 3px 3px;box-shadow:0 0 16px #00ffd547;min-height:4px;transition:height .5s cubic-bezier(.22,1,.36,1);width:100%}.bento-chart-day{color:#ffffff80;font-size:.72rem;font-weight:700;letter-spacing:.02em}@media (min-width:1024px){.card-grid{grid-auto-rows:minmax(240px,auto);grid-template-columns:repeat(3,1fr)}.magic-bento-card--insights{grid-column:1;grid-row:1}.magic-bento-card--overview{grid-column:2;grid-row:1}.magic-bento-card--workforce{grid-column:3;grid-row:1/span 2}.magic-bento-card--analytics{grid-column:1/span 2;grid-row:2}}@media (max-width:768px){.dashboard-page{padding-bottom:16px}.dashboard-page-header{margin-bottom:18px}.card-grid{gap:14px}.magic-bento-card{border-radius:16px;min-height:180px;padding:20px 18px}.magic-bento-card--analytics,.magic-bento-card--overview,.magic-bento-card--workforce{min-height:auto}.analytics-card-head{flex-direction:column}.analytics-target-status{justify-content:flex-start;text-align:left}.bento-chart{min-height:120px;padding-top:24px}.bento-chart-bar-wrap{height:90px}.bento-chart-day{font-size:.65rem}}@media (max-width:480px){.magic-bento-card{min-height:160px;padding:16px 14px}}.magic-bento-card--border-glow:after{background:radial-gradient(300px circle at 50% 50%,rgba(0,255,213,0) 0,rgba(0,255,213,0) 30%,#0000 60%);background:radial-gradient(var(--glow-radius,300px) circle at var(--glow-x,50%) var(--glow-y,50%),rgba(0,255,213,calc(var(--glow-intensity, 0)*.7)) 0,rgba(0,255,213,calc(var(--glow-intensity, 0)*.25)) 30%,#0000 60%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.5px;pointer-events:none;position:absolute;z-index:1}.particle-container{overflow:hidden;position:relative}.global-spotlight{mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity;z-index:200!important}[data-theme=light]{--bento-border:#009e6e29;--bento-bg:#fff;--bento-stat:#009e6e}[data-theme=light] .dashboard-page-badge{background:#00cba91a;border-color:#009e6e38;color:#009e6e}[data-theme=light] .dashboard-page-badge-dot{background:#00cba9;box-shadow:0 0 8px #00cba973}[data-theme=light] .dashboard-page-title{color:#0f172a}[data-theme=light] .dashboard-page-subtitle{color:#64748b}[data-theme=light] .magic-bento-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a0a,0 6px 20px #0f172a0d;color:#1e293b}[data-theme=light] .magic-bento-card:before{background:linear-gradient(90deg,#0000,#0f172a0d,#0000)}[data-theme=light] .magic-bento-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a14}[data-theme=light] .magic-bento-card__header,[data-theme=light] .magic-bento-card__header-label{color:#009e6e}[data-theme=light] .magic-bento-stat-num{color:#009e6e;text-shadow:none}[data-theme=light] .magic-bento-card__title{color:#0f172a}[data-theme=light] .magic-bento-card__description{color:#64748b}[data-theme=light] .workforce-donut-center{color:#0f172a}[data-theme=light] .workforce-legend-item{color:#475569}[data-theme=light] .bento-chart-value{color:#009e6e}[data-theme=light] .bento-chart-day{color:#94a3b8}[data-theme=light] .bento-chart-bar{background:linear-gradient(180deg,#00cba9,#009e6e);box-shadow:0 2px 8px #009e6e40}[data-theme=light] .analytics-target-status-label{color:#64748b}[data-theme=light] .analytics-target-status.is-on-track{color:#059669}[data-theme=light] .analytics-target-status.is-below{color:#d97706}[data-theme=light] .analytics-target-delta{color:#475569}[data-theme=light] .bento-chart-target-line{border-top-color:#009e6e59}[data-theme=light] .bento-chart-target-badge{background:#00cba91f;border-color:#009e6e47;color:#009e6e}[data-theme=light] .global-spotlight{mix-blend-mode:multiply}.admin-panel{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:linear-gradient(160deg,#081820d1,#040c14eb);border:1px solid #00ffd524;border-radius:20px;box-shadow:0 0 60px #00cba914,0 24px 48px #00000059;box-sizing:border-box;color:#fff;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;min-height:calc(100vh - 140px);overflow:hidden;padding:28px 32px 32px;position:relative;width:100%}.admin-panel--wide{max-width:none}.admin-panel:before{background:linear-gradient(90deg,#0000,#00ffd566,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.admin-panel-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.admin-panel-header-left{display:flex;flex-direction:column;gap:8px}.admin-panel-badge{align-items:center;background:#00cba91f;border:1px solid #00ffd538;border-radius:100px;color:#00ffd5;display:inline-flex;font-size:.68rem;font-weight:700;gap:7px;letter-spacing:.1em;padding:5px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.admin-panel-badge-dot{background:#00ffd5;border-radius:50%;box-shadow:0 0 8px #00ffd5;height:6px;width:6px}.admin-panel-title{color:#fffffff2;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.admin-panel-subtitle{color:#fff6;font-size:.85rem;margin:0}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.admin-search-box{align-items:center;background:#ffffff0a;border:1px solid #00ffd533;border-radius:12px;display:flex;gap:10px;padding:8px 14px;transition:border-color .2s,box-shadow .2s}.admin-search-box:focus-within{border-color:#00ffd573;box-shadow:0 0 0 3px #00cba91a}.admin-search-label{color:#00ffd5;font-size:.68rem;font-weight:800;letter-spacing:.08em;white-space:nowrap}.admin-search-input{background:#0000;border:none;color:#fff;font-family:inherit;font-size:.85rem;min-width:180px;outline:none}.admin-search-input::placeholder{color:#ffffff59}.admin-filter-group{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;display:flex;gap:4px;padding:4px}.admin-filter-btn{background:#0000;border:none;border-radius:8px;color:#ffffff8c;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:700;padding:8px 14px;transition:all .2s;white-space:nowrap}.admin-filter-btn:hover{background:#ffffff0f;color:#ffffffd9}.admin-filter-btn.active{background:linear-gradient(135deg,#00cba9,#009e6e);box-shadow:0 4px 12px #00cba94d;color:#fff}.admin-filter-btn.active-neutral{background:#ffffff1f;box-shadow:none;color:#fff}.admin-table-wrap{background:#0003;border:1px solid #ffffff12;border-radius:14px;max-height:calc(100vh - 260px);overflow:auto}.admin-table{border-collapse:collapse;color:#fff;font-size:.85rem;text-align:left;width:100%}.admin-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.admin-table thead tr{background:#001412f2;border-bottom:1px solid #00ffd526}.admin-table th{color:#00ffd5b3;font-size:.68rem;font-weight:800;letter-spacing:.1em;padding:14px 16px;text-transform:uppercase;white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid #ffffff0d;transition:background .2s}.admin-table tbody tr:hover{background:#00ffd508}.admin-table td{color:#ffffffd9;font-weight:500;padding:12px 16px;vertical-align:middle}.admin-table td:has(.shift-picker){min-width:220px;overflow:visible;position:relative;z-index:3}.admin-table-photo{border:2px solid #00ffd559;border-radius:10px;display:block;height:40px;object-fit:cover;width:40px}.admin-photo-change-btn{background:#0000;border:none;line-height:0;padding:0;position:relative}.admin-photo-change-btn--editable{cursor:pointer}.admin-photo-change-btn--editable:hover .admin-photo-change-overlay{opacity:1}.admin-photo-change-btn:disabled{cursor:default}.admin-photo-change-overlay{align-items:center;background:#00000073;border-radius:10px;color:#fff;display:flex;font-size:14px;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease}.admin-photo-change-overlay--modal{border-radius:50%;font-size:18px}.admin-photo-change-btn--modal .admin-modal-photo{display:block}.admin-table-name{color:#ffffffeb;cursor:pointer;font-weight:700;transition:color .2s}.admin-table-name:hover{color:#00ffd5}.admin-table-muted{color:#ffffff80;font-size:.82rem}.admin-table-text{color:#ffffffe0;font-size:.85rem;font-weight:600}.admin-table-select{width:100%}.admin-table-select,.admin-table-select--compact{font-size:.82rem;padding:8px 10px}.admin-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.admin-modal{background:linear-gradient(160deg,#081820fa,#040c14fc);border:1px solid #00ffd540;border-radius:24px;box-shadow:0 25px 50px #00000073;color:#fff;display:flex;flex-direction:column;max-height:calc(100vh - 40px);max-width:460px;overflow:hidden;position:relative;width:100%}.admin-modal-scroll{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain;padding:30px 28px 24px}.admin-modal-scroll::-webkit-scrollbar{width:6px}.admin-modal-scroll::-webkit-scrollbar-thumb{background:#00cba959;border-radius:999px}.admin-modal-close{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;position:absolute;right:15px;top:15px;width:30px}.admin-modal-header{margin-bottom:25px;text-align:center}.admin-modal-photo-wrap{display:inline-block;position:relative}.admin-modal-photo{border:3px solid #00cba9;border-radius:50%;height:90px;object-fit:cover;padding:3px;width:90px}.admin-modal-name{font-size:1.25rem;font-weight:800;margin:15px 0 5px}.admin-modal-position{background:#00cba91f;border-radius:20px;color:#00ffd5;font-size:.68rem;font-weight:800;padding:4px 12px;text-transform:uppercase}.admin-modal-section{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:12px;padding:12px}.admin-modal-label{display:block;font-size:.65rem;font-weight:800;letter-spacing:.08em;margin-bottom:6px;opacity:.55;text-transform:uppercase}.admin-modal-value{color:#ffffffeb;font-weight:600}.admin-modal-textarea{background:#ffffff0a;border:1px solid #3b82f659;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.82rem;margin-top:5px;outline:none;padding:10px;resize:none;width:100%}.admin-modal-moa-box{align-items:center;background:#0003;border-radius:8px;display:flex;justify-content:center;min-height:72px;overflow:hidden;position:relative;width:100%}.admin-modal-moa-box--empty{box-sizing:border-box;min-height:56px;padding:12px}.admin-modal-qr-wrap{margin-bottom:0;margin-top:4px}.admin-modal-actions{display:flex;gap:10px;margin-top:10px}[data-theme=light] .admin-table-text{color:#334155}[data-theme=light] .admin-modal-overlay{background:#0f172a40}[data-theme=light] .admin-modal{background:#fff;border-color:#009e6e2e;box-shadow:0 12px 40px #0f172a1f;color:#0f172a}[data-theme=light] .admin-modal-name{color:#0f172a}[data-theme=light] .admin-modal-position{background:#00cba91a;color:#009e6e}[data-theme=light] .admin-modal-section{background:#f8fafc;border-color:#0f172a14}[data-theme=light] .admin-modal-label{color:#64748b;opacity:1}[data-theme=light] .admin-modal-value{color:#334155}[data-theme=light] .admin-modal-textarea{background:#f8fafc;border-color:#0f172a1f;color:#0f172a}[data-theme=light] .admin-modal-moa-box{background:#f1f5f9}.admin-btn-group{display:flex;flex-wrap:wrap;gap:8px}.admin-table-actions{min-width:140px;white-space:nowrap}.admin-table td .admin-btn-group{flex-wrap:nowrap;justify-content:center}.admin-table td.admin-table-actions,.admin-table th:last-child{text-align:center}.admin-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.72rem;font-weight:800;justify-content:center;letter-spacing:.04em;padding:6px 14px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.admin-btn--edit{background:#3b82f626;border:1px solid #3b82f659;color:#93c5fd}.admin-btn--edit:hover{background:#3b82f6;color:#fff}.admin-btn--delete{background:#ef44441a;border:1px solid #ef444459;color:#fca5a5}.admin-btn--delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}.admin-btn--qr{background:#00cba91f;border:1px solid #00cba959;color:#6ee7b7;min-width:44px}.admin-btn--qr:hover{background:linear-gradient(135deg,#00cba9,#009e6e);border-color:#0000;color:#fff}.admin-modal--qr{padding:28px 24px 24px;width:min(100%,420px)}.admin-modal-qr-title{color:#f8fafc;font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.admin-modal-qr-subtitle{color:#ffffff85;font-size:.82rem;margin:0 0 18px}.admin-btn--save{background:linear-gradient(135deg,#00cba9,#009e6e);box-shadow:0 4px 14px #00cba94d;color:#fff}.admin-btn--save:hover{box-shadow:0 6px 20px #00cba973}.admin-btn--cancel{background:#ffffff14;border:1px solid #ffffff1f;color:#ffffffb3}.admin-btn--cancel:hover{background:#ffffff1f}.admin-pill{border-radius:100px;display:inline-flex;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.admin-pill--active{background:#00cba926;border:1px solid #00cba959;color:#00ffd5}.admin-pill--inactive,.admin-pill--late{background:#ef444426;border:1px solid #ef444459;color:#fca5a5}.admin-pill--undertime{background:#f59e0b26;border:1px solid #f59e0b59;color:#fcd34d}.admin-pill--off{background:#64748b33;border:1px solid #94a3b859;color:#cbd5e1}.admin-empty{flex-direction:column;gap:12px;padding:64px 24px;text-align:center}.admin-empty,.admin-empty-icon{align-items:center;display:flex;justify-content:center}.admin-empty-icon{background:#00ffd514;border:1px solid #00ffd533;border-radius:16px;height:52px;width:52px}.admin-empty-icon svg{color:#00ffd580;height:24px;width:24px}.admin-empty-title{color:#ffffffa6;font-size:.95rem;font-weight:600;margin:0}.admin-empty-sub{color:#ffffff59;font-size:.82rem;margin:0}.admin-edit-row{background:#00cba90f!important}.admin-edit-row td{padding:20px 16px!important}.admin-edit-form{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-form-wrapper{display:flex;justify-content:center;padding:8px 0 32px}.admin-form-panel{animation:adminSlideUp .6s cubic-bezier(.22,1,.36,1) forwards;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:linear-gradient(160deg,#081820e0,#040c14f2);border:1px solid #00ffd524;border-radius:20px;box-shadow:0 0 60px #00cba914,0 24px 48px #00000059;color:#fff;max-width:620px;padding:36px 40px;width:100%}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-form-title{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin:0 0 8px;text-align:center}.admin-form-subtitle{color:#fff6;font-size:.85rem;margin:0 0 28px;text-align:center}.admin-form-row{display:flex;gap:16px;margin-bottom:18px}.admin-form-col{flex:1 1;min-width:0}.admin-form-group{margin-bottom:18px}.admin-form-label{color:#00ffd5a6;display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.admin-form-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.88rem;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.admin-form-input[type=date]{color-scheme:dark}.admin-form-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:brightness(0) invert(1);opacity:.92}.admin-form-input::placeholder{color:#ffffff4d}.admin-form-input:focus{background:#ffffff0f;border-color:#00ffd573;box-shadow:0 0 0 3px #00cba91f}.admin-form-input option{background:#0d1117;color:#fff}.admin-photo-section{align-items:center;display:flex;flex-direction:column;margin-bottom:28px}.admin-photo-box{align-items:center;background:#00ffd508;border:2px dashed #00ffd54d;border-radius:16px;cursor:pointer;display:flex;height:110px;justify-content:center;margin-bottom:12px;overflow:hidden;transition:all .25s;width:110px}.admin-photo-box:hover{background:#00ffd50f;border-color:#00ffd599;transform:scale(1.03)}.admin-photo-placeholder{color:#fff6;font-size:.68rem;font-weight:700;letter-spacing:.06em;line-height:1.4;text-align:center}.admin-photo-preview{height:100%;object-fit:cover;width:100%}.admin-upload-btn{background:#00cba91a;border:1px solid #00ffd559;border-radius:100px;color:#00ffd5;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:9px 20px;transition:all .2s}.admin-upload-btn:hover{border-color:#0000;box-shadow:0 4px 16px #00cba959}.admin-submit-btn,.admin-upload-btn:hover{background:linear-gradient(135deg,#00cba9,#009e6e);color:#fff}.admin-submit-btn{border:none;border-radius:12px;box-shadow:0 4px 20px #00cba959;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:800;letter-spacing:.04em;margin-top:8px;padding:14px;transition:box-shadow .2s,transform .2s;width:100%}.admin-submit-btn:hover{box-shadow:0 6px 28px #00cba980;transform:translateY(-1px)}.admin-form-grid-2col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.admin-form-full-width{grid-column:1/-1}.admin-alert{border-radius:12px;font-size:.85rem;font-weight:700;margin-bottom:20px;padding:12px 16px;text-align:center}.admin-alert--error{background:#ef44441f;border:1px solid #ef444459;color:#fca5a5}.admin-alert--success{background:#00cba91f;border:1px solid #00cba959;color:#6ee7b7}.manage-accounts{box-sizing:border-box;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;padding:4px 0 28px;width:100%}.manage-accounts-grid{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:minmax(300px,.95fr) minmax(340px,1.25fr);width:100%}.manage-accounts-card{animation:adminSlideUp .55s cubic-bezier(.22,1,.36,1) forwards;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:linear-gradient(160deg,#081820e0,#040c14f2);border:1px solid #00ffd524;border-radius:20px;box-shadow:0 0 50px #00cba912,0 20px 40px #00000052;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;min-height:420px;overflow:hidden;padding:28px 28px 32px;position:relative}.manage-accounts-card:before{background:linear-gradient(90deg,#0000,#00ffd566,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.manage-accounts-card--form{align-self:start;min-height:0}.manage-admins-page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.manage-admins-page-title{color:#fffffff5;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;margin:10px 0 6px}.manage-admins-page-subtitle{color:#ffffff6b;font-size:.86rem;margin:0}.manage-admins-close-btn{align-items:center;background:#dc2626;border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 8px #dc262659;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:36px}.manage-admins-close-btn svg{height:16px;width:16px}.manage-admins-close-btn:hover{background:#ef4444;box-shadow:0 6px 18px #ef444480;transform:translateY(-1px)}[data-theme=light] .manage-admins-page-title{color:#0f172a}[data-theme=light] .manage-admins-page-subtitle{color:#64748b}.manage-accounts-card--list{animation-delay:.06s;animation-fill-mode:forwards;opacity:0}.manage-accounts-card-top{margin-bottom:22px}.manage-accounts-title{color:#fffffff5;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;margin:12px 0 6px}.manage-accounts-subtitle{color:#ffffff6b;font-size:.84rem;line-height:1.45;margin:0;max-width:36ch}.manage-accounts-list-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.manage-accounts-list-heading .manage-accounts-title{margin-bottom:0}.manage-accounts-count{align-items:center;background:#00cba91f;border:1px solid #00ffd538;border-radius:12px;color:#00ffd5;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:36px;justify-content:center;min-width:36px;padding:0 10px}.manage-accounts-alert{font-size:.8rem;font-weight:600;line-height:1.4;margin-bottom:16px;padding:10px 14px;text-align:left}.manage-accounts-form{display:flex;flex-direction:column;gap:4px;margin-top:0}.manage-accounts-submit{margin-top:4px;width:100%}.manage-accounts-body{display:flex;flex:1 1;flex-direction:column;min-height:0}.manage-accounts-empty{background:#00cba90a;border:1px dashed #00ffd52e;border-radius:16px;flex:1 1;margin:0;padding:48px 24px}.manage-accounts-table-wrap{border-radius:14px;flex:1 1;max-height:none}.manage-accounts-type{align-items:center;border-radius:100px;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:4px 10px;text-transform:uppercase}.manage-accounts-type--default{background:#00cba91f;border:1px solid #00ffd538;color:#5eead4}.manage-accounts-type--custom{background:#94a3b81f;border:1px solid #94a3b847;color:#cbd5e1}@media (max-width:960px){.manage-accounts-grid{grid-template-columns:1fr}.manage-accounts-card{min-height:0}.manage-accounts-card--list{min-height:320px}.manage-accounts-subtitle{max-width:none}}@media (max-width:640px){.manage-accounts-card{padding:22px 16px 24px}.manage-accounts-title{font-size:1.25rem}}@media (max-width:600px){.admin-form-grid-2col{grid-template-columns:1fr}}.admin-panel ::-webkit-scrollbar,.admin-table-wrap::-webkit-scrollbar{height:6px;width:6px}.admin-table-wrap::-webkit-scrollbar-thumb{background:#00ffd540;border-radius:10px}@media (max-width:768px){.admin-panel{border-radius:16px;min-height:calc(100vh - 100px);padding:16px 12px 20px}.admin-panel-header{flex-direction:column;gap:12px;margin-bottom:16px}.admin-panel-title{font-size:1.35rem}.admin-toolbar{align-items:stretch;flex-direction:column;width:100%}.admin-search-box{box-sizing:border-box;width:100%}.admin-search-input{flex:1 1;font-size:16px;min-width:0;width:100%}.admin-filter-group{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}.admin-filter-group::-webkit-scrollbar{display:none}.admin-table-wrap{-webkit-overflow-scrolling:touch;margin:0 -4px;max-height:calc(100vh - 280px);padding:0 4px}.admin-table{font-size:.8rem;min-width:640px}.admin-table td,.admin-table th{padding:10px 12px}.admin-table-actions{min-width:100px}.admin-btn-group{align-items:stretch;flex-direction:column;gap:6px}.admin-btn{min-height:36px;padding:8px 12px}.admin-form-row{flex-direction:column}.admin-form-panel{padding:24px 16px}.admin-modal{margin:0;max-height:calc(100vh - 24px);max-width:none;width:100%}.admin-modal-scroll{padding:24px 18px 20px}.admin-modal-overlay{align-items:flex-start;padding:12px}.admin-modal-actions{flex-direction:column}.admin-modal-actions button{width:100%}}@media (max-width:480px){.admin-panel{padding:14px 10px 18px}.admin-panel-title{font-size:1.2rem}.admin-filter-btn{font-size:.72rem;padding:7px 10px}}[data-theme=light] .admin-form-panel,[data-theme=light] .admin-panel{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .admin-form-panel,[data-theme=light] .admin-panel,[data-theme=light] .manage-accounts-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f;color:#0f172a}[data-theme=light] .manage-accounts-card{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=light] .manage-accounts-card:before{background:linear-gradient(90deg,#0000,#0f172a0f,#0000)}[data-theme=light] .manage-accounts-title{color:#0f172a}[data-theme=light] .manage-accounts-subtitle{color:#64748b}[data-theme=light] .manage-accounts-count{background:#0d948814;border-color:#0d948833;color:#0f766e}[data-theme=light] .manage-accounts-empty{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .manage-accounts-type--default{background:#0d94881a;border-color:#0d948838;color:#0f766e}[data-theme=light] .manage-accounts-type--custom{background:#f1f5f9;border-color:#e2e8f0;color:#475569}[data-theme=light] .admin-panel:before{background:linear-gradient(90deg,#0000,#0f172a0f,#0000)}[data-theme=light] .admin-panel-badge{background:#00cba91a;border-color:#009e6e38;color:#009e6e}[data-theme=light] .admin-panel-badge-dot{background:#00cba9;box-shadow:0 0 8px #00cba973}[data-theme=light] .admin-panel-title{color:#0f172a}[data-theme=light] .admin-panel-subtitle{color:#64748b}[data-theme=light] .admin-form-title{color:#0f172a}[data-theme=light] .admin-form-subtitle{color:#64748b}[data-theme=light] .admin-form-label{color:#009e6e}[data-theme=light] .admin-form-input,[data-theme=light] .admin-form-select{background:#f8fafc;border-color:#0f172a1a;color:#0f172a}[data-theme=light] .admin-form-input[type=date]{color-scheme:light}[data-theme=light] .admin-form-input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.75}[data-theme=light] .admin-form-input:focus,[data-theme=light] .admin-form-select:focus{background:#fff;border-color:#00cba9;box-shadow:0 0 0 3px #00cba91f}[data-theme=light] .admin-form-input::placeholder{color:#94a3b8}[data-theme=light] .admin-form-input option{background:#fff;color:#0f172a}[data-theme=light] .admin-search-box{background:#f8fafc;border-color:#009e6e2e}[data-theme=light] .admin-search-box:focus-within{background:#fff;border-color:#00cba9;box-shadow:0 0 0 3px #00cba91a}[data-theme=light] .admin-search-label{color:#009e6e}[data-theme=light] .admin-search-input{background:#0000;color:#0f172a}[data-theme=light] .admin-search-input::placeholder{color:#94a3b8}[data-theme=light] .admin-filter-group{background:#f1f5f9;border-color:#0f172a14}[data-theme=light] .admin-filter-btn{color:#64748b}[data-theme=light] .admin-filter-btn:hover{background:#ffffffb3;color:#0f172a}[data-theme=light] .admin-filter-btn.active-neutral{background:#fff;box-shadow:0 1px 3px #0f172a14;color:#0f172a}[data-theme=light] .admin-table-wrap{background:#f8fafc;border-color:#009e6e1f}[data-theme=light] .admin-table{color:#334155}[data-theme=light] .admin-table thead tr{background:#f1f5f9;border-bottom:1px solid #009e6e1f}[data-theme=light] .admin-table th{color:#009e6e}[data-theme=light] .admin-table tbody tr{background:#fff;border-bottom:1px solid #0f172a0f}[data-theme=light] .admin-table td{color:#334155}[data-theme=light] .admin-table tbody tr:hover{background:#00cba90a}[data-theme=light] .admin-table-name{color:#0f172a}[data-theme=light] .admin-table-name:hover{color:#009e6e}[data-theme=light] .admin-table-muted{color:#64748b}[data-theme=light] .admin-table-photo{border-color:#00cba959}[data-theme=light] .admin-btn--ghost{background:#f1f5f9;border-color:#0f172a14;color:#475569}[data-theme=light] .admin-btn--ghost:hover{background:#e2e8f0;color:#0f172a}[data-theme=light] .admin-btn--cancel{background:#f1f5f9;border:1px solid #0f172a1a;color:#475569}[data-theme=light] .admin-btn--cancel:hover{background:#e2e8f0;color:#0f172a}[data-theme=light] .admin-edit-row{background:#00cba90f!important}[data-theme=light] .admin-empty-icon{background:#00cba91a;border-color:#009e6e38}[data-theme=light] .admin-empty-icon svg{color:#009e6e}[data-theme=light] .admin-empty-title{color:#334155;font-weight:700}[data-theme=light] .admin-empty-sub{color:#64748b}[data-theme=light] .admin-photo-box{background:#00cba90a;border-color:#009e6e47}[data-theme=light] .admin-photo-box:hover{background:#00cba914;border-color:#00cba973}[data-theme=light] .admin-photo-placeholder{color:#64748b}[data-theme=light] .admin-upload-btn{background:#00cba914;border-color:#009e6e47;color:#009e6e}[data-theme=light] .admin-btn--edit{background:#2563eb1a;border-color:#2563eb59;color:#1d4ed8}[data-theme=light] .admin-btn--edit:hover{background:#2563eb;border-color:#2563eb;color:#fff}[data-theme=light] .admin-btn--delete{background:#ef44441a;border-color:#ef444459;color:#ef4444}[data-theme=light] .admin-btn--delete:hover{background:#ef4444;border-color:#ef4444;color:#fff}[data-theme=light] .admin-btn--qr{background:#00cba91a;border-color:#009e6e47;color:#009e6e}[data-theme=light] .admin-btn--qr:hover{background:linear-gradient(135deg,#00cba9,#009e6e);color:#fff}[data-theme=light] .admin-modal-qr-title{color:#0f172a}[data-theme=light] .admin-modal-qr-subtitle{color:#64748b}[data-theme=light] .admin-pill--active{background:#00cba91a;border-color:#009e6e40;color:#059669}[data-theme=light] .admin-pill--inactive{background:#ef44441a;border-color:#ef444459;color:#ef4444}[data-theme=light] .admin-pill--late{background:#ef444414;border-color:#ef444433;color:#dc2626}[data-theme=light] .admin-pill--undertime{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}[data-theme=light] .admin-pill--off{background:#64748b1a;border-color:#64748b33;color:#64748b}[data-theme=light] .admin-alert--error{background:#ef444414;border-color:#ef444433;color:#dc2626}[data-theme=light] .admin-alert--success{background:#00cba914;border-color:#009e6e33;color:#059669}[data-theme=light] .admin-table-wrap::-webkit-scrollbar-thumb{background:#009e6e40}.shift-picker{--shift-accent:#00ffd5;--shift-accent-soft:#00ffd51f;--shift-accent-border:#00ffd547;--shift-panel-bg:linear-gradient(165deg,#081c24fc,#041018fa);--shift-muted:#ffffff80;display:flex;flex-direction:column;gap:10px;min-width:0;position:relative;width:100%}.shift-picker-row{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto;min-width:0}.shift-picker-select{box-sizing:border-box;height:42px;min-width:0;padding-bottom:0;padding-top:0;width:100%}.shift-picker-customize-btn{align-items:center;background:var(--shift-accent-soft);border:1px solid var(--shift-accent-border);border-radius:10px;box-sizing:border-box;color:var(--shift-accent);cursor:pointer;display:inline-flex;flex-shrink:0;height:42px;justify-content:center;min-width:42px;padding:0;transition:background .18s ease,border-color .18s ease,color .18s ease;width:42px}.shift-picker-customize-btn:hover{background:#00ffd533;border-color:#00ffd573}.shift-picker-customize-btn.is-active{background:#00ffd538;border-color:#00ffd58c;color:#fff}.shift-picker-customize-btn svg{display:block;pointer-events:none}.shift-picker-custom-panel{background:var(--shift-panel-bg);border:1px solid var(--shift-accent-border);border-radius:14px;box-shadow:0 16px 40px #0006;display:flex;flex-direction:column;gap:12px;padding:14px}.shift-picker-custom-panel--floating{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 50px #0000008c,0 0 0 1px #00ffd514}.shift-picker-custom-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.shift-picker-custom-title{color:var(--shift-accent);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shift-picker-preview-chip{background:#00ffd51a;border:1px solid #00ffd538;border-radius:999px;color:#ffffffe6;font-size:.72rem;font-weight:700;max-width:62%;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap}.shift-picker-custom-fields{grid-gap:8px;align-items:end;display:grid;gap:8px;grid-template-columns:1fr auto 1fr}.shift-picker-custom-field{color:var(--shift-muted);display:flex;flex-direction:column;font-size:.68rem;font-weight:700;gap:6px;letter-spacing:.06em;min-width:0;text-transform:uppercase}.shift-picker-time{box-sizing:border-box;height:40px;width:100%}.shift-picker-to{align-items:center;color:var(--shift-muted);display:flex;font-size:.72rem;font-weight:700;height:40px;justify-content:center;text-transform:lowercase}.shift-picker-custom-actions{display:flex;gap:8px;justify-content:flex-end}.shift-picker-icon-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;transition:background .15s ease,border-color .15s ease,filter .15s ease;width:40px}.shift-picker-icon-btn--cancel{background:#ffffff14;border-color:#ffffff1a;color:#fffc}.shift-picker-icon-btn--cancel:hover{background:#ef444429;border-color:#ef444459;color:#fca5a5}.shift-picker-icon-btn--apply{background:#00cba9;color:#042018}.shift-picker-icon-btn--apply:hover{filter:brightness(1.06)}.shift-picker-error{background:#ef44441f;border:1px solid #ef444447;border-radius:8px;color:#fecaca;font-size:.74rem;margin:0;padding:8px 10px}.shift-picker--compact{gap:0;max-width:250px;min-width:190px}.shift-picker--compact .shift-picker-customize-btn,.shift-picker--compact .shift-picker-select{height:36px}.shift-picker--compact .shift-picker-select{line-height:34px;padding-bottom:0;padding-top:0}.shift-picker--compact .shift-picker-customize-btn{border-radius:8px;min-width:36px;width:36px}.shift-picker--compact .shift-picker-custom-panel{min-width:0}.admin-table td .shift-picker--compact{overflow:visible}@media (max-width:640px){.shift-picker-row{grid-template-columns:1fr;grid-template-columns:minmax(0,1fr) auto}.shift-picker-custom-fields{grid-template-columns:1fr}.shift-picker-to{display:none}.shift-picker-custom-head{align-items:flex-start;flex-direction:column}.shift-picker-preview-chip{max-width:100%}.shift-picker--compact{max-width:none}}[data-theme=light] .shift-picker{--shift-accent:#0f766e;--shift-accent-soft:#0f766e1a;--shift-accent-border:#0f766e47;--shift-panel-bg:linear-gradient(165deg,#fff,#f8fafc);--shift-muted:#64748b}[data-theme=light] .shift-picker-customize-btn:hover{background:#0f766e29;border-color:#0f766e66}[data-theme=light] .shift-picker-customize-btn.is-active{background:#0f766e29;color:#0f766e}[data-theme=light] .shift-picker-preview-chip{background:#0f766e1a;border-color:#0f766e33;color:#0f766e}[data-theme=light] .shift-picker-icon-btn--cancel{background:#e2e8f0;border-color:#0000;color:#334155}[data-theme=light] .shift-picker-icon-btn--cancel:hover{background:#ef44441f;color:#b91c1c}[data-theme=light] .shift-picker-custom-panel{box-shadow:0 16px 36px #0f172a24}[data-theme=light] .shift-picker-error{background:#ef444414;color:#b91c1c}.attendance-container{backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);background:linear-gradient(160deg,#081820d1,#040c14eb);border:1px solid #00ffd524;border-radius:16px;box-shadow:0 0 60px #00cba914,0 24px 48px #00000059;box-sizing:border-box;color:#fff;display:flex;flex:1 1;flex-direction:column;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;height:100%;max-height:100%;min-height:0;overflow:hidden;padding:16px 20px;position:relative;width:100%}.attendance-container:before{background:linear-gradient(90deg,#0000,#00ffd566,#0000);content:"";height:1px;left:0;pointer-events:none;position:absolute;right:0;top:0}.attendance-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin-bottom:12px}.attendance-header-left{display:flex;flex-direction:column;gap:2px;min-width:0}.attendance-header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.attendance-badge{align-items:center;background:#00cba91f;border:1px solid #00ffd538;border-radius:100px;color:#00ffd5;display:inline-flex;font-size:.6rem;font-weight:700;gap:5px;letter-spacing:.1em;padding:3px 9px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.attendance-badge-dot{background:#00ffd5;border-radius:50%;box-shadow:0 0 8px #00ffd5;height:5px;width:5px}.attendance-title{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.attendance-subtitle{color:#ffffff73;font-size:.78rem;line-height:1.3;margin:0}.attendance-header--personal{margin-bottom:14px}.attendance-header--personal .attendance-header-left{gap:2px}@media (min-width:1024px){.attendance-container--personal{border-radius:14px;height:auto;max-height:none;max-width:none;min-height:calc(100vh - 120px);padding:20px 24px 24px;width:100%}.attendance-header--personal{align-items:center;flex-direction:row;gap:20px;justify-content:space-between;margin-bottom:18px}.attendance-header--personal .attendance-title{font-size:1.55rem}.attendance-header--personal .attendance-subtitle{font-size:.95rem}.attendance-toolbar--personal{flex:0 0 auto;width:auto}.attendance-filter-group--personal{max-width:560px;min-width:460px;width:auto}.attendance-container--personal .attendance-table-wrap{flex:1 1 auto;max-height:calc(100vh - 220px);min-height:360px}.attendance-container--personal .attendance-table{font-size:.95rem;min-width:0}.attendance-container--personal .attendance-table th{font-size:.72rem;padding:16px 20px}.attendance-container--personal .attendance-table td{padding:18px 20px}.attendance-container--personal .attendance-photo{height:48px;width:48px}}@media (min-width:769px) and (max-width:1023px){.attendance-header--personal{align-items:flex-end;flex-direction:row;gap:24px;justify-content:space-between;margin-bottom:28px}.attendance-header--personal .attendance-title{font-size:1.65rem}.attendance-header--personal .attendance-subtitle{font-size:.88rem}.attendance-toolbar--personal{flex:0 0 auto;width:auto}.attendance-filter-group--personal{max-width:480px;min-width:380px;width:auto}.attendance-table-wrap{max-height:calc(100vh - 200px);min-height:280px}.attendance-table{min-width:0}}.attendance-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.attendance-filter-group{align-items:center;display:flex;flex-direction:row;gap:8px}.attendance-filter-label{align-items:center;color:#ffffff80;display:flex;font-size:.62rem;font-weight:600;gap:4px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.attendance-toolbar--personal{width:auto}.attendance-filter-group--personal{align-items:stretch;flex-direction:column;gap:4px;max-width:none;width:auto}.attendance-date-filter-bar{align-items:flex-end;background:#00000038;border:1px solid #00ffd52e;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a;display:flex;gap:12px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.attendance-date-filter-bar:focus-within{border-color:#00ffd561;box-shadow:0 0 0 3px #00cba91a}.attendance-date-filter-bar .attendance-date-field{flex:1 1;min-width:0}.attendance-date-filter-bar .attendance-date-field-label{color:#00ffd5a6;display:block;font-size:.64rem;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.attendance-date-filter-bar .date-input-glass{font-size:.86rem;font-weight:600;min-width:0;width:100%}.attendance-date-filter-bar .date-separator{color:#ffffff47;flex-shrink:0;font-size:.9rem;padding-bottom:8px}.attendance-filter-group--personal .attendance-filter-label{color:#ffffffb8;font-size:.74rem;margin-bottom:2px}.attendance-date-filter{background:linear-gradient(145deg,#00181cb8,#040c12e0);border:1px solid #00ffd529;border-radius:16px;box-shadow:0 8px 24px #00000038,inset 0 1px 0 #ffffff0a;padding:14px 16px;width:min(100%,460px)}.attendance-date-filter-head{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:8px;margin-bottom:12px;padding-bottom:10px}.attendance-date-filter-icon{align-items:center;background:#00cba91f;border-radius:8px;color:#00ffd5;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.attendance-date-filter-title{color:#ffffffe0;font-size:.78rem;font-weight:700;letter-spacing:.04em}.attendance-date-filter-body{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr auto 1fr}.attendance-date-filter .attendance-date-field{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:10px 12px;transition:border-color .2s,background .2s,box-shadow .2s}.attendance-date-filter .attendance-date-field:focus-within{background:#00cba90f;border-color:#00ffd559;box-shadow:0 0 0 3px #00cba91a}.attendance-date-filter .attendance-date-field-label{color:#00ffd5a6;display:block;font-size:.64rem;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.attendance-date-filter .date-input-glass{color:#fffffff2;font-size:.86rem;font-weight:600;min-width:0;width:100%}.attendance-date-filter .date-separator{align-self:end;background:#ffffff1a;height:36px;margin-bottom:10px;padding:0;width:1px}.attendance-date-filter .date-input-glass::-webkit-calendar-picker-indicator{cursor:pointer;filter:brightness(0) invert(1);height:16px;opacity:.92;width:16px}.attendance-toolbar--personal .attendance-filter-group{min-width:min(100%,420px)}.attendance-toolbar--personal .attendance-date-range{background:#00000038;border:1px solid #00ffd52e;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0a;padding:10px 16px}.attendance-date-field{display:flex;flex-direction:column;gap:4px;min-width:0}.attendance-date-field--inline{align-items:center;flex-direction:row;gap:6px}.attendance-date-field-label{color:#ffffff61;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.attendance-date-field--inline .attendance-date-field-label{color:#00ffd5b3;flex-shrink:0}.attendance-date-range{align-items:center;background:#ffffff0a;border:1px solid #00ffd540;border-radius:8px;display:flex;gap:8px;min-height:34px;padding:4px 10px;transition:border-color .2s,box-shadow .2s}.attendance-date-range:focus-within{border-color:#00ffd580;box-shadow:0 0 0 3px #00cba91f}.date-input-glass{background:#0000;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:.8rem;line-height:1.2;min-width:118px;outline:none}.date-input-glass::-webkit-calendar-picker-indicator{cursor:pointer;filter:brightness(0) invert(1);height:14px;opacity:.92;width:14px}.date-input-glass::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=light] .date-input-glass::-webkit-calendar-picker-indicator{filter:none;opacity:.75}.date-separator{color:#ffffff47;flex-shrink:0;font-size:.85rem;font-weight:300;line-height:1;padding:0}.attendance-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.74rem;font-weight:700;gap:5px;min-height:34px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.btn-action svg{flex-shrink:0;height:14px;width:14px}.btn-action--ghost{background:#ffffff0f;border:1px solid #ffffff1f;color:#fffc}.btn-action--ghost:hover{background:#ffffff1a;border-color:#fff3}.btn-action--primary{background:linear-gradient(135deg,#00cba9,#009e6e);box-shadow:0 4px 16px #00cba94d;color:#fff}.btn-action--primary:hover{box-shadow:0 6px 22px #00cba973;transform:translateY(-1px)}.attendance-table-wrap{-webkit-overflow-scrolling:touch;background:#0003;border:1px solid #ffffff12;border-radius:14px;display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto}.attendance-table-wrap>.hp-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:100%}.attendance-table{border-collapse:collapse;color:#fff;font-size:.85rem;width:100%}.attendance-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:2}.attendance-table thead tr{background:#001412f2;border-bottom:1px solid #00ffd526}.attendance-table th{color:#00ffd5b3;font-size:.68rem;font-weight:800;letter-spacing:.1em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.attendance-table tbody tr{border-bottom:1px solid #ffffff0d;transition:background .2s}.table-row-hover:hover{background:#00ffd50a!important}.attendance-table td{padding:12px 16px;vertical-align:middle}.attendance-photo{background:#ffffff0d;border:2px solid #00ffd559;border-radius:10px;height:40px;object-fit:cover;width:40px}.attendance-name{color:#ffffffeb;font-weight:700}.attendance-muted{color:#ffffff8c;font-weight:500}.attendance-time-in{color:#00ffd5}.attendance-time-in,.attendance-time-out{font-family:Courier New,monospace;font-size:.82rem;font-weight:700}.attendance-time-out{color:#fca5a5}.attendance-empty-dash{color:#ffffff40}.remark-pill,.status-pill{align-items:center;border-radius:100px;display:inline-flex;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.remark-pill--default{background:#ffffff14;border:1px solid #ffffff1a;color:#fff9}.remark-pill--late{background:#ef444426;border:1px solid #ef444459;color:#fca5a5}.remark-pill--undertime{background:#f59e0b26;border:1px solid #f59e0b59;color:#fcd34d}.remark-pill--completed{background:#00cba926;border:1px solid #00cba959;color:#6ee7b7}.remark-pill--ontime{background:#22c55e26;border:1px solid #22c55e59;color:#86efac}.remark-pill--early{background:#a855f726;border:1px solid #a855f759;color:#d8b4fe}.remark-pill--timeout{background:#64748b33;border:1px solid #64748b66;color:#cbd5e1}.attendance-force-out-btn{font-size:.68rem;padding:4px 10px}.status-pill--on{background:#00cba926;border:1px solid #00cba959;color:#00ffd5}.status-pill--off{background:#ef444426;border:1px solid #ef444459;color:#fca5a5}.attendance-empty{flex-direction:column;gap:12px;padding:64px 24px;text-align:center}.attendance-empty,.attendance-empty-icon{align-items:center;display:flex;justify-content:center}.attendance-empty-icon{background:#00ffd514;border:1px solid #00ffd533;border-radius:16px;height:56px;width:56px}.attendance-empty-icon svg{color:#00ffd580;height:26px;width:26px}.attendance-empty-title{color:#ffffffb3;font-size:1rem;font-weight:700;margin:0}.attendance-empty-sub{color:#ffffff59;font-size:.82rem;line-height:1.5;margin:0;max-width:280px}.attendance-table-wrap::-webkit-scrollbar{height:6px;width:6px}.attendance-table-wrap::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.attendance-table-wrap::-webkit-scrollbar-thumb{background:#00ffd540;border-radius:10px}@media (max-width:1100px){.attendance-header:not(.attendance-header--personal){align-items:stretch;flex-direction:column;gap:10px}.attendance-toolbar:not(.attendance-toolbar--personal){justify-content:flex-start;margin-left:0}}@media (max-width:768px){.attendance-container{border-radius:16px;height:auto;max-height:none;min-height:calc(100vh - 100px);padding:14px 12px}.attendance-title{font-size:1.1rem}.attendance-header{gap:10px;margin-bottom:12px}.attendance-toolbar{align-items:stretch;flex-direction:column;margin-left:0}.attendance-date-filter-bar{align-items:stretch;flex-direction:column;gap:10px}.attendance-date-filter-bar .date-separator{display:none}.attendance-date-filter-bar .date-input-glass{font-size:16px}.attendance-date-range{flex-wrap:wrap;width:100%}.attendance-date-field{flex:1 1;min-width:120px}.attendance-date-field .date-input-glass{font-size:16px;min-width:0;width:100%}.attendance-header--personal{align-items:stretch;flex-direction:column;gap:14px}.attendance-header--personal .attendance-title{font-size:1.35rem}.attendance-header--personal .attendance-subtitle{font-size:.82rem}.attendance-date-filter,.attendance-filter-group--personal,.attendance-toolbar--personal{width:100%}.attendance-date-filter-body{gap:10px;grid-template-columns:1fr}.attendance-date-filter .date-separator{display:none}.attendance-date-filter .date-input-glass{font-size:16px}.attendance-actions{flex-direction:column;width:100%}.btn-action{flex:none;justify-content:center;width:100%}.attendance-table-wrap{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 260px);min-height:240px}.attendance-table{font-size:.8rem;min-width:720px}}@media (max-width:480px){.attendance-container{padding:14px 10px 18px}.attendance-title{font-size:1.2rem}}[data-theme=light] .attendance-date-filter-bar{background:#fff;border-color:#009e6e33;box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .attendance-date-filter-bar:focus-within{border-color:#00cba9}[data-theme=light] .attendance-date-filter-bar .attendance-date-field-label{color:#009e6e}[data-theme=light] .attendance-filter-group--personal .attendance-filter-label{color:#475569}[data-theme=light] .attendance-container{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f;color:#0f172a}[data-theme=light] .attendance-badge{background:#00cba91a;border-color:#009e6e38;color:#009e6e}[data-theme=light] .attendance-badge-dot{background:#00cba9;box-shadow:0 0 8px #00cba973}[data-theme=light] .attendance-title{color:#0f172a}[data-theme=light] .attendance-subtitle{color:#64748b}[data-theme=light] .attendance-date-filter{background:linear-gradient(145deg,#fff,#f8fafc);border-color:#009e6e2e;box-shadow:0 4px 16px #0f172a0f}[data-theme=light] .attendance-date-filter-head{border-bottom-color:#0f172a14}[data-theme=light] .attendance-date-filter-icon{background:#00cba91f;color:#009e6e}[data-theme=light] .attendance-date-filter-title{color:#0f172a}[data-theme=light] .attendance-date-filter .attendance-date-field{background:#f8fafc;border-color:#0f172a14}[data-theme=light] .attendance-date-filter .attendance-date-field:focus-within{background:#fff;border-color:#00cba9}[data-theme=light] .attendance-date-filter .attendance-date-field-label{color:#009e6e}[data-theme=light] .attendance-date-filter .date-input-glass{color:#0f172a}[data-theme=light] .attendance-date-filter .date-separator{background:#0f172a1f}[data-theme=light] .attendance-toolbar--personal .attendance-date-range{background:#fff;border-color:#009e6e33;box-shadow:0 1px 3px #0f172a0f}[data-theme=light] .attendance-date-field-label{color:#94a3b8}[data-theme=light] .attendance-filter-label{color:#64748b}[data-theme=light] .attendance-date-range{background:#f8fafc;border-color:#009e6e2e}[data-theme=light] .attendance-date-range:focus-within{background:#fff;border-color:#00cba9}[data-theme=light] .date-input-glass{color:#0f172a}[data-theme=light] .date-separator{color:#94a3b8}[data-theme=light] .btn-action--ghost{background:#f1f5f9;border-color:#0f172a1a;color:#475569}[data-theme=light] .btn-action--ghost:hover{background:#e2e8f0;color:#0f172a}[data-theme=light] .attendance-table-wrap{background:#f8fafc;border-color:#009e6e1f}[data-theme=light] .attendance-table{color:#334155}[data-theme=light] .attendance-table thead tr{background:#f1f5f9;border-bottom:1px solid #009e6e1f}[data-theme=light] .attendance-table th{color:#009e6e}[data-theme=light] .attendance-table tbody tr{background:#fff;border-bottom:1px solid #0f172a0f}[data-theme=light] .attendance-table tbody tr:hover{background:#00cba90a}[data-theme=light] .attendance-name{color:#0f172a}[data-theme=light] .attendance-muted{color:#64748b}[data-theme=light] .attendance-empty-icon{background:#00cba91a;border-color:#009e6e38}[data-theme=light] .attendance-empty-icon svg{color:#009e6e}[data-theme=light] .attendance-empty-title{color:#334155}[data-theme=light] .attendance-empty-sub{color:#64748b}[data-theme=light] .attendance-table-wrap::-webkit-scrollbar-thumb{background:#009e6e40}[data-theme=light] .attendance-time-in{color:#009e6e}[data-theme=light] .attendance-time-out{color:#dc2626}[data-theme=light] .attendance-empty-dash{color:#94a3b8}[data-theme=light] .remark-pill--default{background:#f1f5f9;border-color:#0f172a14;color:#64748b}[data-theme=light] .remark-pill--late,[data-theme=light] .status-pill--off{background:#ef444414;border-color:#ef444433;color:#dc2626}[data-theme=light] .remark-pill--undertime{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}[data-theme=light] .remark-pill--completed,[data-theme=light] .status-pill--on{background:#00cba91a;border-color:#009e6e40;color:#059669}[data-theme=light] .remark-pill--ontime{background:#22c55e1a;border-color:#22c55e40;color:#16a34a}[data-theme=light] .remark-pill--early{background:#a855f71a;border-color:#a855f740;color:#9333ea}[data-theme=light] .remark-pill--timeout{background:#64748b1f;border-color:#64748b40;color:#475569}.hp-pagination{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--divider,#ffffff14);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 18px}.hp-pagination-meta{color:#ffffff8c;color:var(--content-tertiary,#ffffff8c);font-size:.78rem;font-weight:600}.hp-pagination-controls{align-items:center;display:inline-flex;gap:10px}.hp-pagination-btn{-webkit-appearance:none;appearance:none;background:#ffffff0f;background:var(--surface-2,#ffffff0f);border:1px solid #ffffff1f;border:1px solid var(--divider,#ffffff1f);border-radius:8px;color:#fff;color:var(--content-primary,#fff);cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:6px 12px;text-transform:uppercase}.hp-pagination-btn:disabled{cursor:not-allowed;opacity:.4}.hp-pagination-btn:not(:disabled):hover{background:#00cba926;background:var(--accent-soft,#00cba926);border-color:color-mix(in srgb,#00cba9 35%,#0000);border-color:color-mix(in srgb,var(--accent,#00cba9) 35%,#0000)}.hp-pagination-page{color:#ffffffbf;color:var(--content-secondary,#ffffffbf);font-size:.78rem;font-weight:700;min-width:5.5rem;text-align:center}@media (max-width:640px){.hp-pagination{align-items:stretch;flex-direction:column;text-align:center}.hp-pagination-controls{justify-content:center}}.siso-lilo{display:flex;flex:1 1;flex-direction:column;gap:10px;height:100%;max-height:100%;min-height:0;overflow:hidden;padding-bottom:52px;position:relative;width:100%}.siso-lilo-header{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px 16px;justify-content:space-between}.siso-lilo-header-left{flex:1 1;min-width:0}.siso-lilo-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px;min-width:0}.siso-lilo-badge{display:none}.siso-lilo-badge-dot{background:#00cba9;border-radius:50%;box-shadow:0 0 8px #00ffd58c;flex-shrink:0;height:7px;width:7px}.siso-lilo-title{color:#f8fafc;color:var(--text-main,#f8fafc);font-size:1.1rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.siso-lilo-subtitle{color:#94a3b8e6;color:var(--text-muted,#94a3b8e6);font-size:.78rem;margin:0;white-space:nowrap}.siso-lilo-mode-pills{display:inline-flex;gap:6px;margin:0}.siso-lilo-mode-pill{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:.62rem;font-weight:700;letter-spacing:.06em;padding:2px 8px;text-transform:uppercase}.siso-lilo-mode-pill--siso{background:#22c55e24;border-color:#22c55e59;color:#4ade80}.siso-lilo-mode-pill--lilo{background:#facc1524;border-color:#facc1566;color:#facc15}.siso-lilo-mode-pill--muted{opacity:.45}.siso-lilo-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.siso-lilo-export-btn{align-items:center;background:linear-gradient(135deg,#00cba9,#009e6e);border:none;border-radius:8px;box-shadow:0 3px 12px #00cba947;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.7rem;font-weight:700;gap:5px;letter-spacing:.01em;line-height:1;margin:0;min-height:28px;padding:4px 10px;transition:filter .15s ease,box-shadow .15s ease,transform .15s ease;white-space:nowrap}.siso-lilo-export-btn svg{flex-shrink:0;height:13px;width:13px}.siso-lilo-export-btn:hover{box-shadow:0 4px 14px #00cba961;filter:brightness(1.06)}.siso-lilo-export-btn:active{filter:brightness(.98);transform:translateY(1px)}.siso-lilo-date-filter{align-items:center;background:#00000047;border:1px solid #00cba959;border-radius:10px;display:flex;gap:8px;padding:5px 10px}.siso-lilo-date-field{align-items:center;display:flex;flex-direction:row;gap:6px}.siso-lilo-date-label{color:#94a3b8d9;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.siso-lilo-date-filter .date-input-glass{background:#0000;border:none;color:#fff;font:inherit;font-size:.82rem;line-height:1.2;min-width:118px;padding:0}.siso-lilo-date-sep{color:#94a3b8b3;padding:0}.siso-lilo-date-lock{background:#00cba91f;border:1px solid #00cba959;border-radius:999px;color:#5eead4;font-size:.62rem;font-weight:800;letter-spacing:.06em;margin-left:2px;padding:3px 7px;text-transform:uppercase;white-space:nowrap}.siso-lilo-table-wrap{-webkit-overflow-scrolling:touch;background:#0d1117b8;border:1px solid #ffffff14;border-radius:16px;flex:1 1;min-height:0;overflow:auto;scroll-padding-bottom:8px}.siso-lilo-table{border-collapse:initial;border-spacing:0;font-size:.78rem;min-width:100%;width:-webkit-max-content;width:max-content}.siso-lilo-table td,.siso-lilo-table th{border-bottom:1px solid #ffffff0f;padding:10px 12px;text-align:left;vertical-align:middle;white-space:nowrap}.siso-lilo-table th{background:#e2e8f0;color:#0f172a;font-size:.68rem;font-weight:800;letter-spacing:.03em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.siso-lilo-table th.col-attendance,.siso-lilo-table th.col-date,.siso-lilo-table th.col-shift,.siso-lilo-table th.col-si,.siso-lilo-table th.col-siso,.siso-lilo-table th.col-so,.siso-lilo-table th.col-tl{background:#22c55e;color:#052e16}.siso-lilo-table th.col-day,.siso-lilo-table th.col-li,.siso-lilo-table th.col-lo,.siso-lilo-table th.col-status{background:#facc15;color:#422006}.siso-lilo-table th.col-mode-active{box-shadow:inset 0 -3px 0 #0f172a59}.siso-lilo-table tbody tr:hover td{background:#00cba90f}.siso-lilo-name{color:#f1f5f9;font-weight:700}.siso-lilo-muted{color:#94a3b8f2}.siso-lilo-empty{color:#94a3b859}.siso-lilo-pill{align-items:center;border:1px solid #fb923c47;border-radius:999px;display:inline-flex;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:3px 10px}.siso-lilo-pill,.siso-lilo-pill--rest{background:#fb923c2e;color:#fdba74}.siso-lilo-pill--inactive{background:#94a3b829;border-color:#94a3b84d;color:#cbd5e1}.siso-lilo-pill--present{background:#22c55e29;border-color:#22c55e4d;color:#4ade80}.siso-lilo-pill--late,.siso-lilo-pill--undertime{background:#ef444429;border-color:#ef44444d;color:#fca5a5}.siso-lilo-pill--duty{background:#38bdf829;border-color:#38bdf84d;color:#7dd3fc}.siso-lilo-status-select{appearance:none;-webkit-appearance:none;background-color:#0f172ad9;background-image:linear-gradient(45deg,#0000 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,#0000 0);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #ffffff24;border-radius:999px;color:#e2e8f0;cursor:pointer;font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.03em;min-width:118px;outline:none;padding:6px 28px 6px 10px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.siso-lilo-status-select:focus-visible,.siso-lilo-status-select:hover:not(:disabled){border-color:#00ffd573;box-shadow:0 0 0 2px #00cba92e}.siso-lilo-status-select:disabled{cursor:wait;opacity:.65}.siso-lilo-status-select--present{background-color:#22c55e29;border-color:#22c55e59;color:#4ade80}.siso-lilo-status-select--blank{background-color:#94a3b81f;border-color:#94a3b84d;color:#94a3b8}.siso-lilo-status-select--late{background-color:#facc1529;border-color:#facc1566;color:#fde047}.siso-lilo-attendance-select{max-width:160px;min-width:132px}.siso-lilo-status-select--absent{background-color:#ef444429;border-color:#ef444459;color:#fca5a5}.siso-lilo-status-select--rest{background-color:#fb923c29;border-color:#fb923c59;color:#fdba74}.siso-lilo-status-select--inactive{background-color:#64748b47;border-color:#94a3b866;color:#cbd5e1;min-width:130px}.siso-lilo-status-select--schedule{background-color:#38bdf81f;border-color:#38bdf84d;color:#7dd3fc;max-width:220px;min-width:150px}.siso-lilo-is-input{background:#0f172ad9;border:1px solid #ffffff24;border-radius:10px;color:#f1f5f9;font:inherit;font-size:.75rem;font-weight:600;letter-spacing:.02em;min-width:140px;outline:none;padding:6px 10px;text-transform:uppercase;transition:border-color .15s ease,box-shadow .15s ease;width:min(220px,28vw)}.siso-lilo-is-input::placeholder{color:#94a3b88c;font-weight:500;text-transform:none}.siso-lilo-is-input:focus-visible,.siso-lilo-is-input:hover:not(:disabled){border-color:#00ffd573;box-shadow:0 0 0 2px #00cba92e}.siso-lilo-is-input:disabled{cursor:wait;opacity:.65}.siso-lilo-tl-input{background:#0f172ad9;border:1px solid #ffffff24;border-radius:10px;color:#e2e8f0;font:inherit;font-size:.75rem;min-width:120px;outline:none;padding:6px 10px;transition:border-color .15s ease,box-shadow .15s ease;width:min(200px,24vw)}.siso-lilo-tl-input::placeholder{color:#94a3b88c}.siso-lilo-tl-input:focus-visible,.siso-lilo-tl-input:hover:not(:disabled){border-color:#22c55e80;box-shadow:0 0 0 2px #22c55e29}.siso-lilo-tl-input:disabled{cursor:wait;opacity:.65}.siso-lilo-status-select option{background:#0f172a;color:#f8fafc}.siso-lilo-time--siso{color:#86efac;font-weight:700}.siso-lilo-time--lilo{color:#fde047;font-weight:700}[data-theme=light] .siso-lilo-title{color:#0f172a}[data-theme=light] .siso-lilo-table-wrap{background:#fff;border-color:#0f172a14}[data-theme=light] .siso-lilo-table td,[data-theme=light] .siso-lilo-table th{border-bottom-color:#0f172a0f;color:#334155}[data-theme=light] .siso-lilo-table tbody tr:hover td{background:#00a37d0d}[data-theme=light] .siso-lilo-name{color:#0f172a}[data-theme=light] .siso-lilo-muted{color:#64748b}[data-theme=light] .siso-lilo-empty{color:#94a3b8}[data-theme=light] .siso-lilo-date-lock{background:#0f766e1a;border-color:#0f766e4d;color:#0f766e}[data-theme=light] .siso-lilo-pill,[data-theme=light] .siso-lilo-pill--rest{background:#ea580c1f;border-color:#ea580c47;color:#c2410c}[data-theme=light] .siso-lilo-pill--inactive{background:#64748b1f;border-color:#64748b47;color:#475569}[data-theme=light] .siso-lilo-pill--present{background:#16a34a1f;border-color:#16a34a47;color:#15803d}[data-theme=light] .siso-lilo-pill--late,[data-theme=light] .siso-lilo-pill--undertime{background:#dc26261a;border-color:#dc262647;color:#b91c1c}[data-theme=light] .siso-lilo-pill--duty{background:#0284c71a;border-color:#0284c747;color:#0369a1}[data-theme=light] .siso-lilo-time--siso{color:#15803d}[data-theme=light] .siso-lilo-time--lilo{color:#a16207}[data-theme=light] .siso-lilo-mode-pill--siso{background:#16a34a1f;border-color:#16a34a4d;color:#15803d}[data-theme=light] .siso-lilo-mode-pill--lilo{background:#ca8a041f;border-color:#ca8a044d;color:#a16207}[data-theme=light] .siso-lilo-date-filter{background:#f8fafc;border-color:#00a37d59}[data-theme=light] .siso-lilo-export-btn{background:linear-gradient(135deg,#00cba9,#009e6e);box-shadow:0 3px 10px #009e6e38;color:#fff}[data-theme=light] .siso-lilo-export-btn:hover{box-shadow:0 4px 12px #009e6e4d;filter:brightness(1.05)}[data-theme=light] .siso-lilo-date-filter .date-input-glass{color:#0f172a}[data-theme=light] .siso-lilo-status-select{background-color:#fff;border-color:#0f172a26;color:#0f172a}[data-theme=light] .siso-lilo-status-select--present{background-color:#22c55e1f;border-color:#22c55e59;color:#15803d}[data-theme=light] .siso-lilo-status-select--blank{background-color:#f8fafc;border-color:#94a3b873;color:#64748b}[data-theme=light] .siso-lilo-status-select--late{background-color:#eab30824;border-color:#ca8a0466;color:#a16207}[data-theme=light] .siso-lilo-status-select--absent{background-color:#ef44441a;border-color:#ef44444d;color:#b91c1c}[data-theme=light] .siso-lilo-status-select--rest{background-color:#fb923c24;border-color:#fb923c59;color:#c2410c}[data-theme=light] .siso-lilo-status-select--inactive{background-color:#64748b1f;border-color:#64748b59;color:#475569}[data-theme=light] .siso-lilo-status-select--schedule{background-color:#0ea5e91a;border-color:#0ea5e94d;color:#0369a1}[data-theme=light] .siso-lilo-is-input,[data-theme=light] .siso-lilo-tl-input{background:#fff;border-color:#0f172a26;color:#0f172a}[data-theme=light] .siso-lilo-status-select option{background:#fff;color:#0f172a}@media (max-width:768px){.siso-lilo-title{font-size:1rem}.siso-lilo-date-filter{justify-content:space-between;width:100%}}.siso-lilo-shift-cell{align-items:flex-start;display:flex;flex-direction:column;gap:4px}.siso-lilo-shift-note{color:#94a3b8f2;font-size:.65rem;font-weight:600;line-height:1.25;max-width:160px;white-space:normal}.siso-lilo-shift-note.is-temp{color:#fbbf24}.siso-lilo-shift-note.is-siso{color:#5eead4}[data-theme=light] .siso-lilo-shift-note.is-temp{color:#b45309}[data-theme=light] .siso-lilo-shift-note.is-siso{color:#0f766e}.siso-col-filter{display:inline-flex;max-width:100%;position:relative}.siso-col-filter-trigger{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-weight:inherit;gap:6px;letter-spacing:inherit;max-width:100%;padding:0;text-transform:inherit}.siso-col-filter-trigger span{overflow:hidden;text-overflow:ellipsis}.siso-col-filter-trigger.is-active{color:#0f766e}.siso-col-filter-trigger svg{flex-shrink:0;opacity:.75}.siso-col-filter-menu{background:#fff;border:1px solid #94a3b873;border-radius:8px;box-shadow:0 12px 28px #0f172a38;color:#1e293b;display:flex;flex-direction:column;max-height:min(440px,72vh);overflow:hidden;padding:8px 0 0;position:fixed;width:min(280px,78vw);z-index:10060}.siso-col-filter-sort{background:#0000;border:0;color:#0f172a;cursor:pointer;display:block;font:inherit;font-size:.82rem;padding:8px 14px;text-align:left;width:100%}.siso-col-filter-sort.is-on,.siso-col-filter-sort:hover{background:#f1f5f9}.siso-col-filter-sort.is-on{font-weight:700}.siso-col-filter-divider{background:#e2e8f0;height:1px;margin:6px 0}.siso-col-filter-meta{align-items:center;display:flex;font-size:.72rem;gap:8px;justify-content:space-between;padding:4px 14px 8px}.siso-col-filter-links{align-items:center;display:inline-flex;gap:6px}.siso-col-filter-links button{background:#0000;border:0;color:#2563eb;cursor:pointer;font:inherit;font-size:inherit;padding:0}.siso-col-filter-links button:hover{text-decoration:underline}.siso-col-filter-count{color:#64748b;white-space:nowrap}.siso-col-filter-search{margin:0 12px 8px;position:relative}.siso-col-filter-search input{background:#fff;border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;color:#0f172a;font:inherit;font-size:.8rem;padding:7px 30px 7px 10px;width:100%}.siso-col-filter-search input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840;outline:none}.siso-col-filter-search svg{color:#94a3b8;pointer-events:none;position:absolute;right:9px;top:50%;transform:translateY(-50%)}.siso-col-filter-list{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;flex:1 1 auto;list-style:none;margin:0;max-height:none;min-height:80px;overflow-x:hidden;overflow-y:auto;padding:0 2px 4px 0;scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin}.siso-col-filter-list::-webkit-scrollbar{width:10px}.siso-col-filter-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.siso-col-filter-list::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #f1f5f9;border-radius:8px}.siso-col-filter-list::-webkit-scrollbar-thumb:hover{background:#64748b}.siso-col-filter-item{align-items:center;color:#0f172a;cursor:pointer;display:flex;font-size:.8rem;gap:8px;padding:6px 14px}.siso-col-filter-item:hover{background:#f8fafc}.siso-col-filter-item input{accent-color:#0f766e;flex-shrink:0}.siso-col-filter-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.siso-col-filter-empty{color:#94a3b8;font-size:.8rem;padding:12px 14px}.siso-col-filter-actions{background:#f8fafc;border-radius:0 0 8px 8px;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:10px 12px}.siso-col-filter-cancel,.siso-col-filter-ok{border-radius:4px;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700;min-width:64px;padding:6px 12px}.siso-col-filter-ok{background:#0f766e;border:1px solid #0f766e;color:#fff}.siso-col-filter-ok:hover{background:#0d9488}.siso-col-filter-cancel{background:#fff;border:1px solid #cbd5e1;color:#334155}.siso-col-filter-cancel:hover{background:#f1f5f9}[data-theme=light] .siso-col-filter-trigger.is-active{color:#0f766e}.siso-time-select{display:flex;flex-direction:column;gap:5px;min-width:0;width:100%}.siso-time-select-label{color:#6ee7b7d9;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.siso-time-select-row{align-items:center;display:flex;gap:6px;min-width:0}.siso-time-select-text{background:#022c22a6;border:1px solid #34d39966;border-radius:10px;box-sizing:border-box;color:#ecfdf5;flex:1 1;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.01em;min-height:34px;min-width:0;padding:5px 10px}.siso-time-select-text::placeholder{color:#a7f3d073;font-weight:600}.siso-time-select-text:focus-visible,.siso-time-select-text:hover:not(:disabled){border-color:#34d399bf;box-shadow:0 0 0 3px #10b9812e;outline:none}.siso-time-select-text:disabled{cursor:wait;opacity:.65}.siso-time-select-clear{background:#0f172a8c;border:1px solid #94a3b859;border-radius:8px;color:#cbd5e1;cursor:pointer;flex-shrink:0;font:inherit;font-size:1rem;height:28px;line-height:1;width:28px}.siso-time-select-clear:hover:not(:disabled){background:#7f1d1d47;border-color:#f871718c;color:#fca5a5}[data-theme=light] .siso-time-select-label{color:#047857}[data-theme=light] .siso-time-select-text{background:#fff;border-color:#10b98166;color:#065f46}[data-theme=light] .siso-time-select-text::placeholder{color:#065f4666}[data-theme=light] .siso-time-select-clear{background:#fff;color:#64748b}.siso-time-popup{display:inline-flex;max-width:100%}.siso-time-popup-trigger{align-items:center;background:#064e3b47;border:1px solid #34d39959;border-radius:999px;color:#a7f3d0;cursor:pointer;display:inline-flex;font:inherit;font-size:.72rem;font-weight:700;gap:8px;max-width:200px;min-height:32px;padding:5px 10px;transition:border-color .15s ease,background .15s ease}.siso-time-popup-trigger.is-open,.siso-time-popup-trigger:hover:not(:disabled){background:#065f466b;border-color:#34d399b3}.siso-time-popup-trigger.has-value{color:#d1fae5}.siso-time-popup-trigger:disabled{cursor:wait;opacity:.6}.siso-time-popup-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.siso-time-popup-panel{background:linear-gradient(180deg,#064e3bfa,#0f172afc);border:1px solid #34d39959;border-radius:12px;box-shadow:0 14px 32px #0000006b,inset 0 1px 0 #a7f3d01a;box-sizing:border-box;color:#ecfdf5;max-width:min(380px,calc(100vw - 16px));overflow:hidden;padding:12px 10px 10px;position:fixed;z-index:1300}.siso-time-popup-close{background:#0f172a73;border:1px solid #94a3b84d;border-radius:6px;color:#cbd5e1;cursor:pointer;flex-shrink:0;font:inherit;font-size:.95rem;height:24px;line-height:1;position:absolute;right:8px;top:8px;width:24px;z-index:2}.siso-time-popup-close:hover{border-color:#f8717180;color:#fca5a5}.siso-time-popup-section{margin-top:0}.siso-time-popup-section:first-of-type{padding-right:28px}.siso-time-popup-section+.siso-time-popup-section{border-top:1px solid #34d39929;margin-top:8px;padding-top:8px}.siso-time-popup-section-title{color:#a7f3d0b3;font-size:.58rem;font-weight:800;letter-spacing:.08em;margin:0 0 5px;text-transform:uppercase}.siso-time-popup-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.siso-time-popup-dates{grid-gap:6px;align-items:end;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.siso-time-popup-date-field{color:#a7f3d0e6;display:flex;flex-direction:column;font-size:.58rem;font-weight:800;gap:3px;letter-spacing:.06em;margin:0;min-width:0;text-transform:uppercase}.siso-time-popup-date-field input[type=date]{background:#022c22cc;border:1px solid #2dd4bf73;border-radius:8px;box-sizing:border-box;color:#99f6e4;color-scheme:dark;font:inherit;font-size:.72rem;font-weight:650;min-height:30px;min-width:0;padding:3px 6px;width:100%}.siso-time-popup-date-field input[type=date]:focus-visible{border-color:#2dd4bff2;box-shadow:0 0 0 2px #2dd4bf29;outline:none}.siso-time-popup-when-row{grid-gap:4px;align-items:center;display:grid;gap:4px;grid-template-columns:minmax(0,1fr) 28px;min-width:0;width:100%}.siso-time-popup-when-row input{min-width:0;width:100%}.siso-time-popup-when-add{background:#10b9814d;border:1px solid #34d3998c;border-radius:8px;box-sizing:border-box;color:#ecfdf5;cursor:pointer;font:inherit;font-size:1rem;font-weight:700;height:30px;line-height:1;min-height:30px;min-width:28px;padding:0;width:28px}.siso-time-popup-when-add:hover:not(:disabled){background:#10b9817a}.siso-time-popup-when-add:disabled{cursor:not-allowed;opacity:.4}.siso-time-popup-chips{background:#0000;border:none;display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;min-height:0;padding:0}.siso-time-popup-chips-empty{color:#94a3b8cc;font-size:.65rem;padding:0}.siso-time-popup-chip{align-items:center;background:#065f468c;border:1px solid #2dd4bf66;border-radius:999px;color:#a7f3d0;cursor:pointer;display:inline-flex;font:inherit;font-size:.65rem;font-weight:700;gap:4px;padding:3px 7px}.siso-time-popup-chip.is-from{background:#10b98159;border-color:#6ee7b7bf;color:#ecfdf5}.siso-time-popup-chip:hover:not(:disabled){border-color:#f871718c;color:#fecaca}.siso-time-popup-hint{color:#a7f3d0a6;font-size:.62rem;line-height:1.3;margin:4px 0 0}.siso-time-popup-footer{align-items:center;border-top:1px solid #34d39933;display:flex;gap:8px;justify-content:space-between;margin-top:8px;padding-top:8px}.siso-time-popup-count{color:#a7f3d0e6;font-size:.65rem;font-weight:700}.siso-time-popup-check{align-items:center;background:linear-gradient(180deg,#10b9818c,#0596697a);border:1px solid #34d39999;border-radius:999px;color:#ecfdf5;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.siso-time-popup-check:hover:not(:disabled){background:linear-gradient(180deg,#10b981b8,#05966999)}.siso-time-popup-check:disabled{cursor:not-allowed;opacity:.45}.siso-time-popup-check svg{display:block}[data-theme=light] .siso-time-popup-trigger{background:#ecfdf5;border-color:#10b98166;color:#047857}[data-theme=light] .siso-time-popup-panel{background:linear-gradient(180deg,#f0fdf4,#fff);border-color:#10b98147;box-shadow:0 14px 32px #0f172a1f;color:#064e3b}[data-theme=light] .siso-time-popup-count,[data-theme=light] .siso-time-popup-date-field,[data-theme=light] .siso-time-popup-hint,[data-theme=light] .siso-time-popup-section-title{color:#047857}[data-theme=light] .siso-time-popup-date-field input[type=date]{background:#fff;border-color:#0d948866;color:#0f766e;color-scheme:light}[data-theme=light] .siso-time-popup-chip{background:#ecfdf5;border-color:#0d948859;color:#0f766e}[data-theme=light] .siso-time-popup-chip.is-from{background:#ccfbf1;border-color:#0d94888c}[data-theme=light] .siso-time-popup-when-add{background:#10b9811f;border-color:#0d948866;color:#047857}[data-theme=light] .siso-time-popup-check{background:linear-gradient(180deg,#10b981,#059669);border-color:#059669;color:#fff}.siso-period-dock{bottom:8px;left:0;margin:0;padding:8px 0 2px;position:absolute;right:0;width:100%;z-index:6}.siso-period-tabs,.siso-period-tabs--bare{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;gap:10px;padding:0}.siso-period-tabs-menu-btn{align-items:center;background:#0000;border:1px solid #2dd4bf8c;border-radius:999px;color:#5eead4;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;min-height:30px;width:30px}.siso-period-tabs-menu-btn.is-open,.siso-period-tabs-menu-btn:hover{background:#064e3b47;border-color:#2dd4bfe6;color:#99f6e4}.siso-period-tabs-strip{align-items:center;display:flex;gap:6px;max-width:min(480px,60vw);min-width:0;overflow-x:auto;padding:2px 0;scrollbar-width:thin}.siso-period-tab{align-items:center;background:#1e293bb8;border:1px solid #0000;border-radius:8px;color:#e2e8f0;cursor:pointer;display:inline-flex;font:inherit;font-size:.76rem;font-weight:650;justify-content:center;max-width:220px;min-height:28px;padding:4px 10px;white-space:nowrap}.siso-period-tab:hover{background:#334155e6;color:#f8fafc}.siso-period-tab.is-active{background:#ccfbf1f2;border-color:#2dd4bf73;color:#0f766e;font-weight:800}.siso-period-tabs-option.is-current-month{opacity:.72}.siso-period-tab-label{overflow:hidden;text-overflow:ellipsis}.siso-period-tabs-dropdown{background:#fff;border:1px solid #94a3b859;border-radius:10px;box-shadow:0 16px 40px #0f172a47;color:#0f172a;max-height:min(360px,55vh);overflow:auto;padding:6px;pointer-events:auto;position:fixed;z-index:10040}.siso-period-tabs-dropdown-head{color:#64748b;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:6px 10px 8px;text-transform:uppercase}.siso-period-tabs-option{align-items:center;background:#0000;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:.84rem;gap:8px;padding:8px 10px;text-align:left;width:100%}.siso-period-tabs-option:hover{background:#0f172a0f}.siso-period-tabs-option.is-active{background:#0f172a14;font-weight:700}.siso-period-tabs-check{color:#0f766e;flex-shrink:0;font-size:.85rem;width:14px}.siso-period-tabs-add{align-items:center;background:#0000;border:none;color:#99f6e4;cursor:pointer;display:inline-flex;flex-shrink:0;font:inherit;font-size:1.45rem;font-weight:500;height:28px;justify-content:center;line-height:1;margin:0;padding:0;width:28px}.siso-period-tabs-add:hover{color:#ecfdf5;transform:scale(1.08)}.siso-period-tabs-empty{color:#64748b;font-size:.82rem;padding:10px 12px}.siso-period-ctx-menu{background:#fff;border:1px solid #94a3b859;border-radius:8px;box-shadow:0 12px 28px #0f172a47;min-width:148px;padding:4px;pointer-events:auto;position:fixed;z-index:10050}.siso-period-ctx-item{background:#0000;border:none;border-radius:6px;color:#0f172a;cursor:pointer;display:block;font:inherit;font-size:.84rem;font-weight:600;padding:8px 12px;text-align:left;width:100%}.siso-period-ctx-item:hover{background:#0f172a0f}.siso-period-ctx-item--danger{color:#dc2626}.siso-period-ctx-item--danger:hover{background:#dc262614}[data-theme=light] .siso-period-dock{background:#f8fafc;background:var(--bg-main,#f8fafc)}[data-theme=light] .siso-period-tabs-menu-btn{background:#0000;border-color:#0d948873;color:#0f766e}[data-theme=light] .siso-period-tab{background:#f1f5f9;border-color:#0f172a14;color:#334155}[data-theme=light] .siso-period-tab:hover{background:#e2e8f0;color:#0f172a}[data-theme=light] .siso-period-tab.is-active{background:#ecfeff;border-color:#0d948859;color:#0f766e}[data-theme=light] .siso-period-tabs-add{color:#0f766e}@media (max-width:900px){.siso-period-tabs-strip{max-width:min(100%,70vw)}}.employee-qr-card{align-items:center;background:#00cba90f;border:1px solid #00cba938;border-radius:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;max-width:100%;overflow:hidden;padding:18px 16px 16px;width:100%}.employee-qr-header{text-align:center;width:100%}.employee-qr-badge{background:#00cba924;border:1px solid #00cba947;border-radius:999px;color:#00ffd5;display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.employee-qr-hint{color:#ffffff85;font-size:.72rem;line-height:1.4;margin:8px 0 0}.employee-qr-canvas-wrap{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000038;box-sizing:border-box;line-height:0;margin:0 auto;max-width:264px;overflow:hidden;padding:12px;width:100%}.employee-qr-canvas-wrap canvas{aspect-ratio:1;display:block;height:auto;max-width:100%;width:100%}.employee-qr-meta{align-items:center;display:flex;flex-direction:column;gap:3px;text-align:center}.employee-qr-name{color:#ffffffeb;font-size:.86rem;font-weight:700;line-height:1.3}.employee-qr-eid{color:#ffffff7a;font-size:.7rem;letter-spacing:.04em}.employee-qr-download-btn{background:linear-gradient(135deg,#00e5b8,#00cba9);border:none;border-radius:10px;color:#041018;cursor:pointer;font-size:.78rem;font-weight:700;padding:11px 14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.employee-qr-download-btn:hover{box-shadow:0 6px 18px #00cba959;transform:translateY(-1px)}[data-theme=light] .employee-qr-card{background:#009e6e0f;border-color:#009e6e33}[data-theme=light] .employee-qr-hint{color:#0f172a8c}[data-theme=light] .employee-qr-name{color:#0f172a}[data-theme=light] .employee-qr-eid{color:#0f172a80}.emp-details-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05080ec7;display:flex;inset:0;justify-content:center;padding:clamp(.75rem,2vw,1.5rem);position:fixed;z-index:1200}.emp-details-shell{display:flex;flex-direction:column;gap:.85rem;max-height:min(92vh,960px);overflow:auto;padding-right:2px;scrollbar-width:thin;width:min(1040px,100%)}.emp-details-card{background:#171c24;border:1px solid #ffffff0f;border-radius:16px;padding:1.15rem 1.25rem 1.3rem}.emp-details-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:space-between;margin-bottom:1.1rem}.emp-details-card-title{align-items:center;display:inline-flex;gap:.5rem}.emp-details-card-title h2{color:#f4f7fb;font-size:1rem;font-weight:650;letter-spacing:.01em;margin:0}.emp-details-count-pill{background:#2dd4bf1f;border-radius:999px;color:#2dd4bf;font-size:.68rem;font-weight:700;margin-left:.35rem;padding:.18rem .55rem}.emp-details-card-mark{color:#2dd4bf;display:inline-flex;height:1.2rem;width:1.2rem}.emp-details-card-mark svg{height:100%;width:100%}.emp-details-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.emp-details-chip,.emp-details-download,.emp-details-ghost{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font:inherit;font-size:.8rem;font-weight:600;gap:.4rem;min-height:2.15rem;padding:.4rem .8rem}.emp-details-chip{background:#222833;border-color:#ffffff0f;color:#aeb8c6}.emp-details-chip svg{flex-shrink:0;height:.9rem;width:.9rem}.emp-details-chip select{-webkit-appearance:none;appearance:none;background:#0000;border:0;color:inherit;cursor:pointer;font:inherit;padding-right:.15rem}.emp-details-download{background:#16a34a;color:#fff}.emp-details-download:hover{background:#15803d}.emp-details-download svg{height:.9rem;width:.9rem}.emp-details-ghost{background:#222833;border-color:#ffffff0f;color:#aeb8c6}.emp-details-ghost.is-active,.emp-details-ghost:hover{border-color:#2dd4bf59;color:#f4f7fb}.emp-details-close{align-items:center;background:#0000;border:0;border-radius:10px;color:#9aa6b5;cursor:pointer;display:inline-flex;height:2.15rem;justify-content:center;transition:color .15s ease,background .15s ease;width:2.15rem}.emp-details-close:focus-visible,.emp-details-close:hover{background:#ef44441f;color:#ef4444;outline:none}.emp-details-close:active{background:#ef444433;color:#dc2626}.emp-details-close svg{height:1.05rem;width:1.05rem}.emp-details-profile{grid-gap:1.15rem 1.35rem;align-items:start;display:grid;gap:1.15rem 1.35rem;grid-template-columns:auto minmax(0,1fr);margin-bottom:1.15rem}.emp-details-qr-hidden{left:-9999px;opacity:0;pointer-events:none;position:fixed;top:0;z-index:-1}.emp-details-avatar-wrap{border-radius:50%;flex-shrink:0;height:92px;position:relative;width:92px}.emp-details-avatar{background:#222833;border:3px solid #ffffff14;border-radius:50%;display:block;height:92px;object-fit:cover;width:92px}.emp-details-avatar-wrap.is-editable .emp-details-avatar-edit{align-items:center;background:#080c12b8;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;font:inherit;font-size:.62rem;font-weight:700;gap:.2rem;inset:0;justify-content:center;letter-spacing:.02em;opacity:0;position:absolute;text-transform:uppercase;transition:opacity .15s ease}.emp-details-avatar-wrap.is-editable:focus-within .emp-details-avatar-edit,.emp-details-avatar-wrap.is-editable:hover .emp-details-avatar-edit{opacity:1}.emp-details-avatar-edit:disabled{cursor:wait}.emp-details-avatar-edit svg{height:1rem;width:1rem}.emp-details-name{color:#fff;font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0 0 .85rem}.emp-details-meta-grid{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:repeat(5,minmax(0,1fr))}.emp-details-meta-item{background:#1f2630;border:1px solid #ffffff0d;border-radius:10px;min-width:0;padding:.65rem .75rem}.emp-details-meta-label{color:#8b97a8;display:block;font-size:.66rem;font-weight:700;letter-spacing:.07em;margin-bottom:.28rem;text-transform:uppercase}.emp-details-meta-value{color:#f2f5f9;display:block;font-size:.88rem;font-weight:650;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-details-meta-value--mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}@media (max-width:1100px){.emp-details-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.emp-details-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.emp-details-meta-grid{grid-template-columns:1fr}}.emp-details-stats{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(4,minmax(0,1fr))}.emp-details-stat{align-items:center;background:#1f2630;border:1px solid #ffffff0a;border-radius:12px;display:flex;gap:.7rem;min-height:72px;padding:.85rem .9rem}.emp-details-stat-icon{align-items:center;background:#2dd4bf1a;border-radius:10px;color:#2dd4bf;display:inline-flex;flex-shrink:0;height:2.25rem;justify-content:center;width:2.25rem}.emp-details-stat-icon svg{height:1.1rem;width:1.1rem}.emp-details-stat-copy{min-width:0}.emp-details-stat-copy strong{color:#fff;display:block;font-size:.98rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-details-stat-copy span{color:#8b97a8;display:block;font-size:.7rem;line-height:1.25;margin-top:.18rem}.emp-details-history-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(4,minmax(0,1fr))}.emp-details-day{background:#1f2630;border:1px solid #ffffff0a;border-radius:12px;padding:.85rem .9rem .95rem}.emp-details-day-top{align-items:flex-start;display:flex;gap:.45rem;justify-content:space-between;margin-bottom:.8rem}.emp-details-day-date{align-items:center;color:#e8eef5;display:inline-flex;font-size:.76rem;font-weight:650;gap:.35rem;line-height:1.25}.emp-details-day-date svg{color:#8b97a8;flex-shrink:0;height:.85rem;width:.85rem}.emp-details-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.66rem;font-weight:700;padding:.16rem .5rem;white-space:nowrap}.emp-details-badge--ontime{background:#22c55e26;color:#4ade80}.emp-details-badge--late{background:#eab30829;color:#facc15}.emp-details-badge--onduty{background:#38bdf824;color:#7dd3fc}.emp-details-badge--default{background:#94a3b824;color:#cbd5e1}.emp-details-day-times{grid-gap:.45rem;display:grid;gap:.45rem;grid-template-columns:1fr 1fr}.emp-details-day-times span{color:#8b97a8;display:block;font-size:.66rem;margin-bottom:.18rem}.emp-details-day-times strong{color:#fff;display:block;font-size:.9rem;font-weight:700}.emp-details-empty{background:#1f2630;border-radius:12px;color:#8b97a8;font-size:.88rem;padding:2.25rem 1rem;text-align:center}.emp-details-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin-top:1rem}.emp-details-page{background:#0000;border:0;border-radius:8px;color:#8b97a8;cursor:pointer;font:inherit;font-size:.8rem;font-weight:650;height:2rem;min-width:2rem;padding:0 .4rem}.emp-details-page:hover{background:#ffffff0f;color:#fff}.emp-details-page.is-active{background:#2dd4bf29;color:#2dd4bf}.emp-details-page--nav{color:#aeb8c6;font-size:.95rem;font-weight:700}.emp-details-page--nav:disabled{cursor:not-allowed;opacity:.35}.emp-details-page--nav:disabled:hover{background:#0000;color:#aeb8c6}.emp-details-page-ellipsis{color:#8b97a8;font-size:.8rem;padding:0 .1rem}.emp-details-manage{padding-bottom:1.15rem}.emp-details-manage.is-collapsed{padding-bottom:.15rem}.emp-details-manage-head{margin-bottom:.35rem}.emp-details-manage.is-collapsed .emp-details-manage-head{margin-bottom:0}.emp-details-manage-toggles{align-items:center;display:inline-flex;gap:.3rem}.emp-details-manage-arrow{align-items:center;background:#222833;border:1px solid #ffffff1a;border-radius:8px;color:#aeb8c6;cursor:pointer;display:inline-flex;font:inherit;font-size:.72rem;height:2rem;justify-content:center;line-height:1;width:2rem}.emp-details-manage-arrow:hover:not(:disabled){border-color:#2dd4bf66;color:#fff}.emp-details-manage-arrow.is-active{background:#2dd4bf1a;border-color:#2dd4bf59;color:#2dd4bf}.emp-details-manage-arrow:disabled{cursor:not-allowed;opacity:.4}.emp-details-manage-body{display:flex;flex-direction:column;gap:.9rem}.emp-details-manage-row{align-items:flex-start;background:#1f2630;border:1px solid #ffffff0a;border-radius:12px;display:flex;flex-wrap:wrap;gap:.85rem;justify-content:space-between;padding:.9rem 1rem}.emp-details-manage-label{color:#8b97a8;display:block;font-size:.68rem;font-weight:700;letter-spacing:.06em;margin-bottom:.3rem;text-transform:uppercase}.emp-details-manage-value{color:#eef2f7;font-size:.92rem;font-weight:650;word-break:break-word}.emp-details-manage-value--muted{color:#8b97a8;font-weight:500}.emp-details-manage-copy{flex:1 1;min-width:180px}.emp-details-manage-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem}.emp-details-manage-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.emp-details-manage-block{background:#1f2630;border:1px solid #ffffff0a;border-radius:12px;min-height:140px;padding:.9rem 1rem}.emp-details-manage-select,.emp-details-manage-textarea{background:#171c24;border:1px solid #ffffff1a;border-radius:10px;box-sizing:border-box;color:#eef2f7;font:inherit;font-size:.85rem;margin-top:.35rem;padding:.55rem .7rem;width:100%}.emp-details-tl-picker{margin-top:.35rem;position:relative;width:100%}.emp-details-tl-picker-input{margin-top:0;padding-right:2rem}.emp-details-tl-picker-caret{color:#8b97a8;font-size:.75rem;line-height:1;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.emp-details-tl-picker-menu{background:#12171f;border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 12px 28px #00000059;left:0;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:.35rem;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.emp-details-tl-picker-menu[hidden]{display:none!important}.emp-details-tl-picker-option{background:#0000;border:0;border-radius:8px;color:#eef2f7;cursor:pointer;display:block;font:inherit;font-size:.84rem;padding:.55rem .65rem;text-align:left;width:100%}.emp-details-tl-picker-option.is-selected,.emp-details-tl-picker-option:hover{background:#2dd4bf24;color:#5eead4}.emp-details-tl-picker-empty{color:#8b97a8;font-size:.82rem;padding:.65rem}.emp-details-manage-textarea{min-height:96px;resize:vertical}.emp-details-manage-moa{align-items:center;background:#00000038;border-radius:10px;color:#8b97a8;display:flex;font-size:.82rem;justify-content:center;margin-top:.45rem;min-height:110px;overflow:hidden}.emp-details-manage-moa img{display:block;height:140px;object-fit:cover;width:100%}.emp-details-manage-btn{align-items:center;background:#222833;border:1px solid #ffffff1a;border-radius:8px;color:#eef2f7;cursor:pointer;display:inline-flex;font:inherit;font-size:.78rem;font-weight:650;justify-content:center;min-height:2rem;padding:.35rem .75rem}.emp-details-manage-btn:hover:not(:disabled){border-color:#2dd4bf66}.emp-details-manage-btn:disabled{cursor:not-allowed;opacity:.55}.emp-details-manage-btn--primary{background:#16a34a;border-color:#0000;color:#fff}.emp-details-manage-btn--primary:hover:not(:disabled){background:#15803d}.emp-details-manage-btn--danger{background:#0000;border-color:#f8717159;color:#fca5a5}.emp-details-manage-upload{align-items:center;background:#222833;border:1px solid #ffffff1a;border-radius:8px;color:#eef2f7;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:650;justify-content:center;min-height:2rem;padding:.35rem .75rem}.emp-details-manage-edit-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.emp-details-manage-footer{display:flex;flex-wrap:wrap;gap:.5rem}[data-theme=light] .emp-details-manage-block,[data-theme=light] .emp-details-manage-row{background:#f4f6f8;border-color:#0f172a0f}[data-theme=light] .emp-details-manage-value{color:#0f172a}[data-theme=light] .emp-details-manage-select,[data-theme=light] .emp-details-manage-textarea{background:#fff;border-color:#0f172a1f;color:#0f172a}[data-theme=light] .emp-details-tl-picker-caret{color:#64748b}[data-theme=light] .emp-details-tl-picker-menu{background:#fff;border-color:#0f172a1f;box-shadow:0 12px 28px #0f172a1f}[data-theme=light] .emp-details-tl-picker-option{color:#0f172a}[data-theme=light] .emp-details-tl-picker-option.is-selected,[data-theme=light] .emp-details-tl-picker-option:hover{background:#0f766e1a;color:#0f766e}[data-theme=light] .emp-details-tl-picker-empty{color:#64748b}[data-theme=light] .emp-details-count-pill{background:#0d94881a;color:#0f766e}@media (max-width:720px){.emp-details-manage-grid{grid-template-columns:1fr}}[data-theme=light] .emp-details-backdrop{background:#0f172a6b}[data-theme=light] .emp-details-card{background:#fff;border-color:#0f172a14;box-shadow:0 12px 40px #0f172a14}[data-theme=light] .emp-details-card-title h2,[data-theme=light] .emp-details-day-times strong,[data-theme=light] .emp-details-meta-value,[data-theme=light] .emp-details-name,[data-theme=light] .emp-details-stat-copy strong{color:#0f172a}[data-theme=light] .emp-details-day-times span,[data-theme=light] .emp-details-meta-label,[data-theme=light] .emp-details-section-label,[data-theme=light] .emp-details-stat-copy span,[data-theme=light] .emp-details-subtitle{color:#64748b}[data-theme=light] .emp-details-meta-item{background:#f4f6f8;border-color:#0f172a0f}[data-theme=light] .emp-details-chip,[data-theme=light] .emp-details-day,[data-theme=light] .emp-details-empty,[data-theme=light] .emp-details-ghost,[data-theme=light] .emp-details-stat{background:#f4f6f8;border-color:#0f172a0f;color:#475569}[data-theme=light] .emp-details-close{color:#64748b}[data-theme=light] .emp-details-close:focus-visible,[data-theme=light] .emp-details-close:hover{background:#ef44441f;color:#ef4444}[data-theme=light] .emp-details-close:active{background:#ef444433;color:#dc2626}[data-theme=light] .emp-details-badge--ontime{background:#16a34a1f;color:#15803d}[data-theme=light] .emp-details-badge--late{background:#ca8a0424;color:#a16207}[data-theme=light] .emp-details-badge--onduty{background:#0284c71f;color:#0369a1}[data-theme=light] .emp-details-badge--default{background:#64748b1f;color:#475569}[data-theme=light] .emp-details-manage-arrow{background:#f4f6f8;border-color:#0f172a1a;color:#475569}[data-theme=light] .emp-details-manage-arrow.is-active{background:#0d94881a;border-color:#0d948859;color:#0f766e}@media (max-width:980px){.emp-details-history-grid,.emp-details-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.emp-details-backdrop{align-items:flex-end;padding:0}.emp-details-shell{border-radius:16px 16px 0 0;gap:.65rem;max-height:94vh;padding:.65rem;width:100%}.emp-details-card{border-radius:14px;padding:1rem}.emp-details-profile{gap:.85rem;grid-template-columns:auto 1fr}.emp-details-avatar,.emp-details-avatar-wrap{height:76px;width:76px}.emp-details-meta-row{gap:.65rem 1rem}.emp-details-history-grid,.emp-details-stats{grid-template-columns:1fr}.emp-details-card-actions{width:100%}.emp-details-download{flex:1 1;justify-content:center}}.iridescence-container{height:100%;width:100%}:root{--lp-teal:#00cba9;--lp-teal-bright:#00ffd5;--lp-teal-dark:#009e6e;--lp-cyan:#00e5c0;--lp-navy:#0a1628;--lp-glass:#081c26b8;--lp-glass-border:#00ffd538;--lp-text:#fffffff0;--lp-text-muted:#ffffff9e}.landing-container{background:#020c12;color-scheme:dark;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.landing-bg-layer{inset:0;pointer-events:none;position:fixed;z-index:0}.landing-bg-softener{background:radial-gradient(ellipse 90% 70% at 50% 45%,#0000 20%,#020c1259 100%),linear-gradient(180deg,#020c122e,#0000 30%,#020c1247);inset:0;position:absolute}.landing-grid-overlay{background-image:linear-gradient(#00ffd50a 1px,#0000 0),linear-gradient(90deg,#00ffd50a 1px,#0000 0);background-size:48px 48px;inset:0;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,#0000 75%);position:absolute}.landing-glow{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute}.landing-glow--left{background:#00cba91f;height:480px;left:-120px;top:10%;width:480px}.landing-glow--right{background:#0078ff1a;bottom:5%;height:420px;right:-80px;width:420px}.landing-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:28px clamp(16px,4vw,32px) 16px;position:relative;width:100%;z-index:10}.animated-border-wrapper{border-radius:32px;box-shadow:0 0 100px #00cba926,0 32px 80px #00000080;max-width:1200px;overflow:hidden;padding:1.5px;position:relative;width:100%}.animated-border-wrapper:before{animation:spinBorder 6s linear infinite;background:conic-gradient(from 0deg,#0000 0,#00ffd50d 10%,#00ffd5 30%,#008cff 50%,#00ffd5 70%,#00ffd50d 90%,#0000 100%);background:conic-gradient(from 0deg,#0000 0,#00ffd50d 10%,var(--lp-teal-bright) 30%,#008cff 50%,var(--lp-teal-bright) 70%,#00ffd50d 90%,#0000 100%);content:"";inset:-50%;position:absolute}.animated-border-wrapper:after{background:linear-gradient(135deg,#00ffd50f,#0000 50%,#008cff0d);border-radius:32px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hero-inner-box{align-items:center;backdrop-filter:blur(32px) saturate(170%);-webkit-backdrop-filter:blur(32px) saturate(170%);background:linear-gradient(145deg,#00373280,#041420e6 45%,#020a12f7);border:1px solid #ffffff12;border-radius:31px;display:flex;gap:40px;justify-content:space-between;overflow:hidden;padding:clamp(36px,5vw,56px) clamp(28px,5vw,64px);position:relative;z-index:1}.hero-inner-box:before{background:radial-gradient(circle,#00cba929 0,#0000 70%);height:420px;left:-80px;top:-120px;width:420px}.hero-inner-box:after,.hero-inner-box:before{content:"";pointer-events:none;position:absolute}.hero-inner-box:after{background:radial-gradient(circle,#008cff1f 0,#0000 70%);bottom:-100px;height:360px;right:-60px;width:360px}.landing-left{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;max-width:560px;z-index:2}.branding-block{margin-bottom:20px}.branding-logo-large{display:block;filter:drop-shadow(0 0 24px rgba(0,255,213,.35));height:auto;object-fit:contain;width:min(320px,78vw)}.landing-badge{align-items:center;background:#00cba91a;border:1px solid #00ffd547;border-radius:100px;color:#00ffd5;color:var(--lp-teal-bright);display:inline-flex;font-size:.7rem;font-weight:700;gap:8px;letter-spacing:.14em;margin-bottom:20px;padding:7px 16px;text-transform:uppercase}.landing-badge-dot{animation:pulseDot 2s ease-in-out infinite;background:#00ffd5;background:var(--lp-teal-bright);border-radius:50%;box-shadow:0 0 10px #00ffd5;box-shadow:0 0 10px var(--lp-teal-bright);height:7px;width:7px}.landing-headline{color:#fffffff0;color:var(--lp-text);font-size:clamp(2rem,4.5vw,3.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.12;margin:0 0 16px}.landing-headline-accent{color:#fff}.landing-headline-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00ffd5,#5eead4 40%,#38bdf8);background:linear-gradient(90deg,var(--lp-teal-bright) 0,#5eead4 40%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text}.landing-desc{color:#ffffff9e;color:var(--lp-text-muted);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.75;margin:0 0 24px;max-width:480px}.landing-stats{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;gap:0;margin-bottom:22px;max-width:420px;padding:14px 20px;width:100%}.landing-stat,.landing-stats{align-items:center;display:flex}.landing-stat{flex:1 1;flex-direction:column;gap:2px;text-align:center}.landing-stat-value{color:#00ffd5;color:var(--lp-teal-bright);font-size:1rem;font-weight:800;letter-spacing:.06em}.landing-stat-label{color:#ffffff9e;color:var(--lp-text-muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.landing-stat-divider{background:#ffffff1a;flex-shrink:0;height:32px;width:1px}.landing-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.feature-pill{align-items:center;background:#ffffff0a;border:1px solid #ffffff17;border-radius:100px;color:#ffffffc7;display:inline-flex;font-size:.76rem;font-weight:600;gap:6px;padding:7px 14px;transition:border-color .2s,background .2s}.feature-pill:hover{background:#00cba914;border-color:#00ffd540}.feature-pill svg{color:#00ffd5;color:var(--lp-teal-bright);flex-shrink:0;height:14px;width:14px}.landing-cta-row{display:flex;flex-wrap:wrap;gap:12px;max-width:560px;width:100%}.landing-cta{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-family:inherit;gap:14px;min-width:min(100%,240px);overflow:hidden;padding:14px 20px;position:relative;text-align:left;transition:box-shadow .25s,transform .25s,background .25s,border-color .25s}.landing-cta,.landing-cta-icon{align-items:center;display:inline-flex}.landing-cta-icon{border-radius:12px;flex-shrink:0;height:40px;justify-content:center;width:40px}.landing-cta-icon svg{height:20px;width:20px}.landing-cta-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.landing-cta-title{font-size:.92rem;font-weight:800;letter-spacing:.01em;line-height:1.2}.landing-cta-sub{font-size:.72rem;font-weight:500;line-height:1.3;opacity:.82}.landing-cta--primary{background:linear-gradient(135deg,#00cba9,#009e6e);background:linear-gradient(135deg,var(--lp-teal) 0,var(--lp-teal-dark) 100%);box-shadow:0 8px 32px #00cba973,inset 0 1px 0 #ffffff38;color:#fff}.landing-cta--primary .landing-cta-icon{background:#00000029;color:#fff}.landing-cta--primary:hover{box-shadow:0 12px 40px #00cba98c,inset 0 1px 0 #ffffff47}.landing-cta--secondary{background:#ffffff0d;border:1px solid #ffffff29;box-shadow:none;color:#fff}.landing-cta--secondary .landing-cta-icon{background:#00cba91f;border:1px solid #00ffd533;color:#00ffd5;color:var(--lp-teal-bright)}.landing-cta--secondary .landing-cta-sub{color:#ffffff8c;opacity:1}.landing-cta--secondary:hover{background:#ffffff17;border-color:#00ffd559;box-shadow:0 4px 20px #00cba926}.landing-cta:before{background:linear-gradient(105deg,#0000 40%,#ffffff1f 50%,#0000 60%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s}.landing-cta:hover:before{transform:translateX(100%)}.landing-right{align-items:center;display:flex;flex:0 0 auto;height:340px;justify-content:center;position:relative;width:400px;z-index:2}.nfc-pulse-ring{animation:nfcPulse 3s ease-out infinite;border:1px solid #00ffd540;border-radius:50%;pointer-events:none;position:absolute}.nfc-pulse-ring--1{animation-delay:0s;height:180px;width:180px}.nfc-pulse-ring--2{animation-delay:1s;height:260px;width:260px}.nfc-pulse-ring--3{animation-delay:2s;height:340px;width:340px}.rfid-card{border-radius:20px;display:flex;flex-direction:column;height:188px;justify-content:space-between;overflow:hidden;padding:22px 24px;position:absolute;transition:transform .35s cubic-bezier(.34,1.56,.64,1);width:300px}.rfid-card:hover{transform:scale(1.04)!important;z-index:10!important}.card-back{background:linear-gradient(145deg,#141c2b,#0a0f18);border:1px solid #ffffff14;box-shadow:0 20px 50px #00000080;right:56px;top:16px;transform:rotate(-8deg);z-index:1}.card-front{background:linear-gradient(135deg,#00e5b8,#00a878 55%,#008f68);border:1px solid #ffffff38;bottom:16px;box-shadow:0 24px 56px #00a87873,inset 0 1px 0 #ffffff40;right:-4px;transform:rotate(6deg);z-index:2}.card-front:before{background:linear-gradient(180deg,#ffffff24,#0000);height:55%;left:0;right:0}.card-front:after,.card-front:before{content:"";pointer-events:none;position:absolute;top:0}.card-front:after{animation:cardShimmer 4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;width:60%}.card-top-row{align-items:flex-start;display:flex;justify-content:space-between;position:relative;z-index:2}.chip{background:linear-gradient(145deg,#ffe566,#f5c400 50%,#d4a800);border-radius:6px;box-shadow:inset 0 1px 0 #fff6,0 2px 6px #0000004d;flex-shrink:0;height:30px;position:relative;width:38px}.chip:before{border:1px solid #00000026;border-radius:3px;inset:5px}.chip:after,.chip:before{content:"";position:absolute}.chip:after{border:1.5px solid #0003;border-radius:2px;height:14px;left:50%;top:50%;transform:translate(-50%,-50%);width:14px}.card-helport-logo{align-items:center;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.card-helport-logo .helport-logo__icon{height:100%;width:100%}.card-front .card-helport-logo .helport-logo__icon{filter:brightness(1.15) contrast(1.2) drop-shadow(0 0 6px rgba(255,255,255,.55)) drop-shadow(0 2px 6px rgba(0,0,0,.45))}.card-back .card-helport-logo .helport-logo__icon{filter:brightness(1.35) contrast(1.15) drop-shadow(0 0 8px rgba(0,255,213,.85))}.card-bottom{position:relative;z-index:1}.card-num{color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:.18em;margin-bottom:4px}.card-label{color:#ffffffc7;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.card-back .card-label,.card-back .card-num{color:#ffffff8c}.scan-line{animation:scanLine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00ffd5e6,#0000);box-shadow:0 0 12px #00ffd5cc;height:2px;left:0;pointer-events:none;position:absolute;right:0;z-index:3}.landing-footer{color:#ffffff59;font-size:.72rem;font-weight:500;letter-spacing:.04em;padding:14px 24px 20px;position:relative;text-align:center;z-index:10}.login-overlay{align-items:center;display:flex;justify-content:center;width:100%}.login-border-animated{border-radius:28px;box-shadow:0 0 60px #00cba933,0 24px 48px #0006;max-width:440px;overflow:hidden;padding:1.5px;position:relative;width:100%}.login-border-animated:before{animation:spinBorder 5s linear infinite;background:conic-gradient(from 0deg,#0000,#00ffd5,#008cff,#00ffd5,#0000);background:conic-gradient(from 0deg,#0000,var(--lp-teal-bright),#008cff,var(--lp-teal-bright),#0000);content:"";inset:-50%;position:absolute}.login-form-card{align-items:center;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);background:linear-gradient(160deg,#00322d99,#04101aeb);border:1px solid #ffffff12;border-radius:27px;box-sizing:border-box;display:flex;flex-direction:column;padding:44px 36px;position:relative;width:100%;z-index:1}.form-logo{filter:drop-shadow(0 0 16px rgba(0,255,213,.3));height:auto;margin-bottom:4px;width:180px}.login-form-card h3{color:#00ffd5;color:var(--lp-teal-bright);font-size:.85rem;font-weight:700;letter-spacing:.1em;margin:0 0 8px;text-transform:uppercase}.login-form-subtitle{color:#ffffff9e;color:var(--lp-text-muted);font-size:.85rem;line-height:1.5;margin:0 0 24px;text-align:center}.login-form{width:100%}.login-input--pill{background:#fff;border:none;border-radius:999px;box-shadow:0 2px 12px #0000001f;color:#0f172a;font-weight:500;margin-bottom:12px;padding:16px 22px}.login-input--pill::placeholder{color:#64748b;font-weight:500}.login-input--pill:focus{background:#fff;border:none;box-shadow:0 0 0 3px #00cba959,0 2px 12px #0000001f}.login-password-wrap{margin-bottom:12px;position:relative;width:100%}.login-password-wrap .login-input--pill{margin-bottom:0}.login-input--with-icon{padding-right:52px}.login-password-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;position:absolute;right:18px;top:50%;transform:translateY(-50%);transition:color .2s,background .2s;width:32px}.login-password-toggle:hover{background:#00cba91a;color:#00cba9;color:var(--lp-teal)}.login-password-toggle svg{height:20px;width:20px}.login-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;box-sizing:border-box;font-size:.95rem;margin-bottom:14px;outline:none;padding:15px 20px;transition:border-color .2s,background .2s,box-shadow .2s}.btn-signin,.login-input{color:#fff;font-family:inherit;width:100%}.btn-signin{background:linear-gradient(135deg,#00cba9,#009e6e);background:linear-gradient(135deg,var(--lp-teal) 0,var(--lp-teal-dark) 100%);border:none;border-radius:14px;box-shadow:0 4px 20px #00cba959;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.04em;margin-top:8px;padding:15px;transition:box-shadow .2s,transform .2s}.btn-signin:hover{box-shadow:0 6px 28px #00cba980}.btn-back-scanner{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.88rem;font-weight:600;margin-top:22px;transition:color .2s}.btn-back-scanner:hover{color:#00ffd5;color:var(--lp-teal-bright)}@keyframes spinBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}@keyframes cardShimmer{0%,to{left:-100%}50%{left:150%}}@keyframes scanLine{0%,to{opacity:0;top:15%}10%{opacity:1}50%{opacity:1;top:85%}60%{opacity:0}}@keyframes nfcPulse{0%{opacity:.6;transform:scale(.85)}to{opacity:0;transform:scale(1.15)}}@media (max-width:968px){.hero-inner-box{flex-direction:column;gap:32px;padding:36px 28px;text-align:center}.landing-left{align-items:center;max-width:100%}.branding-block{display:flex;justify-content:center;width:100%}.branding-logo-large{margin-left:0}.landing-desc{text-align:center}.landing-desc,.landing-stats{max-width:100%}.landing-cta-row,.landing-features{justify-content:center}.landing-cta-row{max-width:100%}.landing-right{display:none}}@media (max-width:480px){.hero-inner-box{padding:28px 18px}.landing-cta-row{flex-direction:column}.landing-cta{min-width:0;width:100%}.login-form-card{padding:36px 24px}}@media (prefers-reduced-motion:reduce){.animated-border-wrapper:before,.card-front:after,.landing-badge-dot,.login-border-animated:before,.nfc-pulse-ring,.scan-line{animation:none}}.app-container{background:var(--surface-0)}.content-area{scroll-behavior:smooth;scrollbar-gutter:stable}.admin-content-wrapper{margin-inline:0;max-width:none;width:100%}.main-layout--sidebar-collapsed .content-area{padding:20px 16px 24px 12px}.top-nav{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--surface-1) 88%,#0000);border-bottom:1px solid var(--divider);box-shadow:none;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.nav-info{gap:var(--space-3)}.nav-status-group{background:var(--surface-inset);border:1px solid var(--divider);border-radius:var(--radius-pill)}.on-duty-btn,.role-badge{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.logout-btn:active,.nav-profile-chip:active,.on-duty-btn:active,.role-badge:active{transform:scale(.97)}.logout-btn{font-weight:var(--weight-semibold);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.logout-btn,.nav-profile-chip{border-radius:var(--radius-pill)}.nav-profile-chip{transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.nav-profile-chip-avatar{background:var(--surface-3);border-radius:var(--radius-pill);overflow:hidden}.sidebar{scrollbar-gutter:stable}.sidebar-section-label{color:var(--content-tertiary);letter-spacing:var(--tracking-caps)}.nav-item{border-radius:var(--radius-md);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.nav-item.active:not(.nav-group-toggle):not(.nav-sub-item){background:var(--accent-gradient)!important;box-shadow:var(--shadow-accent);color:#fff!important}.nav-item.active:not(.nav-group-toggle):not(.nav-sub-item) .nav-icon,.nav-item.active:not(.nav-group-toggle):not(.nav-sub-item) .nav-label{color:inherit}.nav-group-toggle.active,.nav-sub-item.active{color:var(--accent)!important}[data-theme=dark] .nav-group-toggle.active{background:rgba(var(--brand-glow-rgb),.18)!important;box-shadow:inset 0 0 0 1px rgba(var(--brand-glow-rgb),.35);color:#fff!important}[data-theme=dark] .nav-sub-item.active{background:rgba(var(--brand-glow-rgb),.14)!important;box-shadow:inset 0 0 0 1px rgba(var(--brand-glow-rgb),.28);color:#fff!important}[data-theme=dark] .nav-group-toggle.active .nav-chevron,[data-theme=dark] .nav-group-toggle.active .nav-icon,[data-theme=dark] .nav-sub-item.active .nav-icon{color:#fff;opacity:1}.nav-item:before{background:var(--accent)}.nav-badge{background:var(--surface-inset);border-radius:var(--radius-pill);color:var(--content-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-bold);min-width:1.5rem;opacity:1;padding:.1rem .4rem;text-align:center}.nav-item.active:not(.nav-group-toggle):not(.nav-sub-item) .nav-badge{background:#ffffff38;color:#fff}.chart-card,.list-section-container,.registration-card,.stat-card{background:var(--surface-1);border:1px solid var(--divider);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.registration-card{padding:var(--space-8)}.registration-card h2{font-size:var(--text-2xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight)}.registration-card p{color:var(--content-tertiary);font-size:var(--text-base)}.stat-card{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.stat-card:hover{border-color:var(--accent-ring);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.form-group label{color:var(--content-tertiary);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps)}.login-input,.reg-input{background:var(--surface-2);border:1px solid var(--divider-strong);border-radius:var(--radius-md);font-size:var(--text-base);padding:.8rem 1rem;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.login-input::placeholder,.reg-input::placeholder{color:var(--content-tertiary);opacity:.75}.login-input:hover:not(:disabled),.reg-input:hover:not(:disabled){border-color:var(--accent-ring)}.login-input:focus,.login-input:focus-visible,.reg-input:focus,.reg-input:focus-visible{background:var(--surface-1);border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}select.reg-input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,#0000 0);background-position:calc(100% - 19px) calc(50% + 1px),calc(100% - 14px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2.75rem}.search-date-container{background:var(--surface-2)!important;border:1px solid var(--divider-strong)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-xs);padding:var(--space-2) var(--space-3)!important}.search-date-container:focus-within{border-color:var(--accent)!important;box-shadow:var(--focus-ring)}.date-input-wrapper input[type=date]{border-radius:var(--radius-xs);color:var(--content-primary)!important;font-family:var(--font-mono)!important;font-size:var(--text-sm);padding:.3rem .4rem}.btn-reset-search{background:var(--surface-1)!important;border:1px solid var(--divider-strong)!important;border-radius:var(--radius-md)!important;color:var(--content-secondary)!important;font-size:var(--text-xs)!important;letter-spacing:var(--tracking-wide)!important;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)!important}.btn-reset-search:hover{background:var(--danger-soft)!important;border-color:var(--danger)!important;color:var(--danger)!important}.admin-login-btn,.btn-register{background:var(--accent-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow-accent);color:#fff;font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),filter var(--duration-base) var(--ease-out)}.admin-login-btn:hover:not(:disabled),.btn-register:hover:not(:disabled){background:var(--accent-gradient);box-shadow:var(--shadow-lg),var(--shadow-accent);filter:brightness(1.07);transform:translateY(-2px)}.admin-login-btn:active:not(:disabled),.btn-register:active:not(:disabled){transform:translateY(0) scale(.99)}.btn-register:disabled{background:var(--surface-3);box-shadow:none;color:var(--content-tertiary);filter:none;transform:none}.header-btn{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:.55rem .9rem;transition:filter var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.header-btn:hover{filter:brightness(1.12)}.header-btn:active{transform:scale(.97)}.header-btn.green{background:var(--accent);color:#fff}.btn-delete-row{background:#0000;border-radius:var(--radius-sm);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-delete-row:hover{background:var(--danger);color:#fff;transform:none}.btn-delete-row:active{transform:scale(.92)}.theme-toggle-btn{background:var(--accent-gradient);box-shadow:var(--shadow-lg),var(--shadow-accent);transition:transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) var(--ease-out)}.theme-toggle-btn:hover{transform:translateY(-2px) rotate(-8deg)}.theme-toggle-btn:active{transform:scale(.94)}.list-section-container{overflow:hidden}.modern-table{border-collapse:initial;border-spacing:0}.modern-table thead th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--surface-2);border-bottom:1px solid var(--divider-strong);color:var(--content-tertiary);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:2}.modern-table tbody td{border-bottom:1px solid var(--divider);color:var(--content-primary);font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.modern-table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.modern-table tbody tr:hover{background:var(--surface-hover)}.modern-table tbody tr:last-child td{border-bottom:none}.table-avatar{background:var(--surface-3);border-radius:var(--radius-sm);transition:transform var(--duration-base) var(--ease-out)}.table-avatar:hover{box-shadow:var(--shadow-lg);position:relative;transform:scale(1.5);z-index:3}.emp-id-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:0}.msg-error,.msg-success{align-items:center;animation:hp-slide-in var(--duration-slow) var(--ease-out);border:1px solid #0000;border-radius:var(--radius-md);display:flex;font-size:var(--text-base);font-weight:var(--weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.msg-success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 32%,#0000);color:var(--success);margin-top:var(--space-3)}.msg-error{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 32%,#0000);color:var(--danger);margin-bottom:var(--space-4)}.msg-success:before{content:"✓";font-weight:var(--weight-black)}.msg-error:before{background:var(--danger);border-radius:var(--radius-pill);color:#fff;content:"!";display:grid;flex-shrink:0;font-size:var(--text-2xs);font-weight:var(--weight-black);height:1.1rem;place-items:center;width:1.1rem}.api-status-banner,.portal-setup-banner{background:var(--warning-soft);border:1px solid color-mix(in srgb,var(--warning) 34%,#0000);border-radius:var(--radius-md)}.login-card{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.status-pill{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide)}.mini-card{border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.mini-card:hover{box-shadow:var(--shadow-md);transform:translateX(3px)}.in-border{border-left:3px solid var(--time-in)}.out-border{border-left:3px solid var(--time-out)}.m-time{font-family:var(--font-mono);font-size:var(--text-sm)}.live-camera-container{border-radius:var(--radius-xl);overflow:hidden}.monitor-back-btn,.monitor-folder-btn{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);transition:transform var(--duration-fast) var(--ease-out),filter var(--duration-base) var(--ease-out)}.monitor-back-btn:active,.monitor-folder-btn:active{transform:scale(.97)}.hp-badge{align-items:center;border:1px solid #0000;border-radius:var(--radius-pill);display:inline-flex;font-size:var(--text-2xs);font-weight:var(--weight-bold);gap:var(--space-1);letter-spacing:var(--tracking-wide);padding:.2rem .6rem;text-transform:uppercase;white-space:nowrap}.hp-badge--success{background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 30%,#0000);color:var(--success)}.hp-badge--danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,#0000);color:var(--danger)}.hp-badge--warning{background:var(--warning-soft);border-color:color-mix(in srgb,var(--warning) 30%,#0000);color:var(--warning)}.hp-badge--neutral{background:var(--surface-inset);border-color:var(--divider);color:var(--content-tertiary)}.hp-skeleton{background:var(--surface-3);border-radius:var(--radius-sm);overflow:hidden;position:relative}.hp-skeleton:after{animation:hp-shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,color-mix(in srgb,var(--surface-1) 70%,#0000),#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.hp-skeleton--text{height:.75rem;margin-bottom:var(--space-2)}.hp-skeleton--title{height:1.25rem;margin-bottom:var(--space-3);width:40%}.hp-skeleton--avatar{border-radius:var(--radius-sm);height:45px;width:45px}.hp-empty{grid-gap:var(--space-3);color:var(--content-tertiary);display:grid;gap:var(--space-3);padding:var(--space-12) var(--space-6);place-items:center;text-align:center}.hp-empty-icon{background:var(--accent-soft);border-radius:var(--radius-pill);color:var(--accent);display:grid;height:3.5rem;place-items:center;width:3.5rem}.hp-empty-title{color:var(--content-primary);font-size:var(--text-md);font-weight:var(--weight-bold)}.hp-empty-text{font-size:var(--text-base);margin:0;max-width:34ch}@keyframes hp-shimmer{to{transform:translateX(100%)}}@keyframes hp-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.registration-card{border-radius:var(--radius-lg);padding:var(--space-5)}.list-section-container{border-radius:var(--radius-lg);padding:var(--space-4)}.modern-table tbody td,.modern-table thead th{padding:var(--space-2) var(--space-3)}.search-date-container{flex-wrap:wrap;width:100%}.table-avatar:hover{transform:none}.admin-content-wrapper{padding:12px!important}.admin-panel-header,.attendance-header,.manage-accounts-header{align-items:stretch!important;flex-direction:column;gap:12px}.admin-toolbar,.attendance-toolbar{align-items:stretch!important;flex-direction:column;gap:10px;width:100%}.admin-filter-group,.admin-search-box,.attendance-actions,.attendance-date-filter-bar,.attendance-date-range{width:100%}.attendance-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.admin-filter-btn,.admin-submit-btn,.btn-action{justify-content:center;width:100%}.admin-table-wrap,.attendance-table-wrap{-webkit-overflow-scrolling:touch;border-radius:14px;margin:0 -4px;overflow-x:auto}.admin-table,.attendance-table{min-width:720px}.admin-table td,.admin-table th,.attendance-table td,.attendance-table th{white-space:nowrap}.top-nav{gap:8px;padding-inline:12px}.nav-brand{min-width:0}.sidebar{max-width:min(88vw,320px)}}@media (max-width:480px){.admin-content-wrapper{padding:8px!important}.admin-panel-title,.attendance-title,.dashboard-page-title{font-size:1.25rem!important}.manage-accounts-layout{grid-template-columns:1fr!important}}@media (hover:none) and (pointer:coarse){.admin-btn,.btn-action,.btn-delete-row,.header-btn,.hp-pagination-btn,.logout-btn,.nav-item{min-height:44px}}[data-theme=light] .admin-form-panel,[data-theme=light] .admin-panel,[data-theme=light] .attendance-container,[data-theme=light] .list-section-container,[data-theme=light] .manage-accounts-card,[data-theme=light] .siso-lilo{color:var(--content-primary)}[data-theme=light] .admin-panel-subtitle,[data-theme=light] .attendance-subtitle,[data-theme=light] .manage-accounts-subtitle,[data-theme=light] .siso-lilo-subtitle{color:var(--content-secondary)}[data-theme=light] .nav-item{color:var(--sidebar-text)}[data-theme=light] .nav-item .nav-chevron,[data-theme=light] .nav-item .nav-icon{color:inherit;opacity:.9}[data-theme=light] .nav-group-toggle.active,[data-theme=light] .nav-sub-item.active{background:#0f766e1a!important;box-shadow:inset 0 0 0 1px #0f766e38;color:#0f766e!important}[data-theme=light] .nav-group-toggle.active .nav-chevron,[data-theme=light] .nav-group-toggle.active .nav-icon,[data-theme=light] .nav-sub-item.active .nav-icon{color:#0f766e;opacity:1}[data-theme=light] .admin-table-select.admin-form-input,[data-theme=light] .shift-picker-select.admin-form-input,[data-theme=light] .shift-picker-time.admin-form-input{background:#fff;border-color:#0f172a1f;color:#0f172a}[data-theme=light] .shift-picker-custom-panel{color:#0f172a}[data-theme=light] .date-input-glass,[data-theme=light] input[type=date],[data-theme=light] input[type=time]{color:var(--content-primary);color-scheme:light}[data-theme=light] .date-input-glass::-webkit-calendar-picker-indicator,[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.7}.hp-toast-stack{display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;position:fixed;right:var(--space-5);top:calc(var(--topnav-height) + var(--space-3));width:min(380px,calc(100vw - var(--space-4)*2));z-index:var(--z-toast)}.hp-toast{align-items:flex-start;animation:hp-toast-in var(--duration-slow) var(--ease-spring);background:var(--surface-1);border:1px solid var(--divider);border-left:3px solid var(--toast-accent,var(--accent));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);pointer-events:auto}.hp-toast--success{--toast-accent:var(--success)}.hp-toast--error{--toast-accent:var(--danger)}.hp-toast--warning{--toast-accent:var(--warning)}.hp-toast--info{--toast-accent:var(--info)}.hp-toast-icon{background:color-mix(in srgb,var(--toast-accent) 16%,#0000);border-radius:var(--radius-pill);color:var(--toast-accent);display:grid;flex-shrink:0;height:1.35rem;margin-top:.1rem;place-items:center;width:1.35rem}.hp-toast-icon svg{height:.8rem;width:.8rem}.hp-toast-body{flex:1 1;min-width:0}.hp-toast-title{color:var(--content-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);margin:0 0 .1rem}.hp-toast-message{color:var(--content-secondary);font-size:var(--text-base);line-height:var(--leading-snug);margin:0;overflow-wrap:anywhere}.hp-toast-close{background:#0000;border:none;border-radius:var(--radius-xs);color:var(--content-tertiary);display:grid;flex-shrink:0;height:1.4rem;padding:0;place-items:center;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);width:1.4rem}.hp-toast-close svg{height:.85rem;width:.85rem}.hp-toast-close:hover{background:var(--surface-hover);color:var(--content-primary)}@keyframes hp-toast-in{0%{opacity:0;transform:translateX(24px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}.hp-confirm-backdrop{animation:hp-fade-in var(--duration-base) var(--ease-out);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#04080e9e;display:grid;inset:0;padding:var(--space-4);place-items:center;position:fixed;z-index:var(--z-modal)}.hp-confirm{animation:hp-confirm-in var(--duration-slow) var(--ease-spring);background:var(--surface-1);border:1px solid var(--divider);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);width:min(420px,100%)}.hp-confirm-title{color:var(--content-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0 0 var(--space-2)}.hp-confirm-message{color:var(--content-secondary);font-size:var(--text-base);line-height:var(--leading-normal);margin:0 0 var(--space-6)}.hp-confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.hp-confirm-btn{border:1px solid #0000;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-semibold);padding:.6rem 1.1rem;transition:filter var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.hp-confirm-btn:active{transform:scale(.98)}.hp-confirm-btn--ghost{background:#0000;border-color:var(--divider-strong);color:var(--content-secondary)}.hp-confirm-btn--ghost:hover{background:var(--surface-hover);color:var(--content-primary)}.hp-confirm-btn--primary{background:var(--accent-gradient);box-shadow:var(--shadow-accent);color:#fff}.hp-confirm-btn--primary:hover{filter:brightness(1.08)}.hp-confirm-btn--danger{background:var(--danger);color:#fff}.hp-confirm-btn--danger:hover{filter:brightness(1.08)}@keyframes hp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hp-confirm-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.hp-toast-stack{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);top:auto;width:auto}.hp-confirm-actions{flex-direction:column-reverse}.hp-confirm-btn{width:100%}}
/*# sourceMappingURL=main.2941558b.css.map*/