@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}: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}.nav-item{display:block;text-decoration:none}.nav-item.active{background:linear-gradient(135deg,#00cba9,#009e6e)!important}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-radius:10px;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-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}.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] .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{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;padding:16px 12px;transition:background .3s,border-color .3s;width:240px}.nav-item{background:#0000;border:none;border-radius:10px;color:#475569!important;color:var(--sidebar-text)!important;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:4px;padding:11px 16px;text-align:left;transition:all .2s 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{background:linear-gradient(135deg,#00cba9,#009e6e);box-shadow:0 4px 14px #00cba947;color:#fff!important}.content-area{background:#0000;flex:1 1;min-width:0;overflow:hidden;padding:35px;pointer-events:auto;position:relative;z-index:1}.admin-bg-layer{inset:0;pointer-events:none;position:absolute;z-index:0}.admin-content-wrapper{-webkit-overflow-scrolling:touch;height:100%;overflow-x:hidden;overflow-y:auto;width:100%;z-index:1}[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] .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] .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:#fff!important;font-family:Courier New,monospace!important;outline:none;text-transform:uppercase;transition:none!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;overflow:hidden;position:absolute;top:12%;width:min(760px,55vw);z-index:5}.live-video-feed{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.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;color:#fff;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}.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;box-shadow:8px 0 32px #00000040;left:0;overflow-y:auto;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);width:min(280px,86vw);z-index:200}.sidebar.sidebar--open{transform:translateX(0)}.sidebar .nav-item{font-size:.95rem;margin-bottom:6px;padding:14px 16px}.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%}.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)}}.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-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}.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}}: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:1.65rem;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-card__stat--center{justify-content:center}.magic-bento-stat-num{color:#00ffd5;color:var(--bento-stat);font-size:3.2rem;font-weight:800;letter-spacing:-.03em;line-height:1;text-shadow:0 0 30px #00ffd559}.magic-bento-stat-num--large{font-size:5.5rem}.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}.bento-chart{align-items:flex-end;display:flex;flex:1 1;gap:6px;justify-content:space-around;min-height:120px;padding:16px 0 8px;position:relative;z-index:2}.bento-chart-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.bento-chart-value{color:#00ffd5;font-size:.75rem;font-weight:800}.bento-chart-bar-wrap{align-items:flex-end;display:flex;height:80px;justify-content:center;max-width:36px;width:100%}.bento-chart-bar{background:linear-gradient(180deg,#00ffd5,#00a878);border-radius:6px 6px 2px 2px;box-shadow:0 0 12px #00ffd540;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:first-child{grid-column:1;grid-row:1}.magic-bento-card:nth-child(2){grid-column:2;grid-row:1}.magic-bento-card:nth-child(3){grid-column:3;grid-row:1/span 2}.magic-bento-card:nth-child(4){grid-column:1/span 2;grid-row:2}}@media (max-width:768px){.dashboard-page{padding-bottom:16px}.dashboard-page-header{margin-bottom:18px}.dashboard-page-title{font-size:1.35rem}.dashboard-page-subtitle{font-size:.82rem}.card-grid{gap:14px}.magic-bento-card{border-radius:16px;min-height:180px;padding:20px 18px}.magic-bento-stat-num{font-size:2.4rem}.magic-bento-stat-num--large{font-size:3.5rem}.magic-bento-card__title{font-size:.95rem}.bento-chart{min-height:100px;padding:12px 0 6px}.bento-chart-day{font-size:.65rem}}@media (max-width:480px){.dashboard-page-title{font-size:1.2rem}.magic-bento-card{min-height:160px;padding:16px 14px}.magic-bento-stat-num{font-size:2rem}.magic-bento-stat-num--large{font-size:2.8rem}}.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{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] .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] .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-photo{border:2px solid #00ffd559;border-radius:10px;height:40px;object-fit:cover;width:40px}.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;display:flex;inset:0;justify-content:center;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;max-width:420px;padding:30px;position:relative;width:90%}.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:100px;overflow:hidden;position:relative;width:100%}.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-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--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::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}@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{-webkit-overflow-scrolling:touch;margin:12px;max-height:calc(100vh - 48px);max-width:none;overflow-y:auto;padding:24px 18px;width:calc(100% - 24px)}.admin-modal-overlay{align-items:flex-start;padding-top: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{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0f;color:#0f172a}[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: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--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-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}.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: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%}.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:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:28px}.attendance-header-left{display:flex;flex-direction:column;gap:8px}.attendance-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}.attendance-badge-dot{background:#00ffd5;border-radius:50%;box-shadow:0 0 8px #00ffd5;height:6px;width:6px}.attendance-title{color:#fff;font-size:1.65rem;font-weight:800;letter-spacing:-.02em;margin:0}.attendance-subtitle{color:#ffffff73;font-size:.88rem;margin:0}.attendance-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.attendance-filter-group{display:flex;flex-direction:column;gap:6px}.attendance-filter-label{align-items:center;color:#ffffff80;display:flex;font-size:.68rem;font-weight:700;gap:4px;letter-spacing:.08em;text-transform:uppercase}.attendance-filter-label .required{color:#f87171}.attendance-date-range{align-items:center;background:#ffffff0a;border:1px solid #00ffd540;border-radius:12px;display:flex;gap:8px;padding:8px 14px;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:.82rem;min-width:118px;outline:none}.date-input-glass::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) opacity(.6)}.date-separator{color:#ffffff4d;font-size:.85rem}.date-icon{align-items:center;color:#00ffd580;display:flex}.attendance-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:700;gap:6px;padding:9px 16px;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{background:#0003;border:1px solid #ffffff12;border-radius:14px;max-height:calc(100vh - 280px);overflow:auto}.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{color:#6ee7b7}.remark-pill--completed,.status-pill--on{background:#00cba926;border:1px solid #00cba959}.status-pill--on{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{align-items:stretch;flex-direction:column}.attendance-toolbar{justify-content:flex-start}}@media (max-width:768px){.attendance-container{border-radius:16px;min-height:calc(100vh - 100px);padding:16px 12px 20px}.attendance-title{font-size:1.35rem}.attendance-header{gap:16px;margin-bottom:18px}.attendance-toolbar{align-items:stretch;flex-direction:column}.attendance-date-range{flex-wrap:wrap;width:100%}.attendance-date-range input{flex:1 1;font-size:16px;min-width:0}.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 - 340px)}.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-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-filter-label,[data-theme=light] .attendance-subtitle{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-input-glass::-webkit-calendar-picker-indicator{filter:none;opacity:.6}[data-theme=light] .date-separator{color:#94a3b8}[data-theme=light] .date-icon{color:#009e6e}[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}.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:#ffffffeb;--lp-text-muted:#ffffff9e}.landing-container{background:#041018;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;min-height:100vh;overflow:hidden}.landing-content{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:32px 24px;width:100%}.animated-border-wrapper{border-radius:32px;box-shadow:0 0 80px #00cba92e,0 32px 64px #00000073;max-width:1180px;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,#00ffd514,#0000 50%,#008cff0f);border-radius:32px;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hero-inner-box{align-items:center;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);background:linear-gradient(145deg,#003c378c,#041420e0 45%,#020c16f2);border:1px solid #ffffff0f;border-radius:31px;display:flex;gap:48px;justify-content:space-between;overflow:hidden;padding:56px 64px;position:relative;z-index:1}.hero-inner-box:before{background:radial-gradient(circle,#00cba924 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,#008cff1a 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;gap:0;max-width:520px;z-index:2}.branding-block{margin-bottom:20px}.branding-logo-large{filter:drop-shadow(0 0 24px rgba(0,255,213,.35));height:auto;margin-left:-8px;object-fit:contain;width:min(380px,90vw)}.landing-badge{align-items:center;background:#00cba91f;border:1px solid #00ffd540;border-radius:100px;color:#00ffd5;color:var(--lp-teal-bright);display:inline-flex;font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.12em;margin-bottom:18px;padding:6px 14px;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:#ffffffeb;color:var(--lp-text);font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.35;margin:0 0 12px}.landing-desc{color:#ffffff9e;color:var(--lp-text-muted);font-size:1rem;line-height:1.7;margin:0 0 24px;max-width:440px}.landing-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.feature-pill{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;color:#ffffffbf;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:7px 14px}.feature-pill svg{color:#00ffd5;color:var(--lp-teal-bright);flex-shrink:0;height:14px;width:14px}.admin-login-btn{align-items:center;background:linear-gradient(135deg,#00cba9,#009e6e);background:linear-gradient(135deg,var(--lp-teal) 0,var(--lp-teal-dark) 100%);border:none;border-radius:100px;box-shadow:0 4px 24px #00cba966,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:10px;letter-spacing:.08em;overflow:hidden;padding:16px 36px;position:relative;transition:box-shadow .25s,transform .25s}.admin-login-btn:before{background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .5s}.admin-login-btn:hover:before{transform:translateX(100%)}.admin-login-btn:hover{box-shadow:0 8px 36px #00cba98c,inset 0 1px 0 #ffffff40}.admin-login-btn svg{height:18px;transition:transform .25s;width:18px}.admin-login-btn:hover svg{transform:translateX(3px)}.landing-right{align-items:center;display:flex;flex:0 0 auto;height:320px;justify-content:center;position:relative;width:380px;z-index:2}.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:48px;top:10px;transform:rotate(-8deg);z-index:1}.card-front{background:linear-gradient(135deg,#00e5b8,#00a878 55%,#008f68);border:1px solid #fff3;bottom:10px;box-shadow:0 24px 56px #00a87873,inset 0 1px 0 #ffffff40;right:-10px;transform:rotate(6deg);z-index:2}.card-front:before{background:linear-gradient(180deg,#ffffff1f,#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,#ffffff14,#0000);height:100%;left:-100%;width:60%}.card-holo-stripe{background:linear-gradient(135deg,#ffffff4d,#00ffd566 25%,#ff64c84d 50%,#00c8ff66 75%,#fff3);border-radius:6px;height:36px;opacity:.7;position:absolute;right:20px;top:18px;width:48px}.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;background:#0000;border:none;box-shadow:none;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:visible;padding:0;width:36px}.card-helport-logo img{display:block;height:115%;object-fit:contain;width:115%}.card-front .card-helport-logo img{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));mix-blend-mode:normal}.card-back .card-helport-logo img{filter:brightness(1.35) contrast(1.15) drop-shadow(0 0 8px rgba(0,255,213,.85)) drop-shadow(0 0 14px rgba(0,255,213,.4));mix-blend-mode:screen}.card-bottom{position:relative;z-index:1}.card-num{color:#fff;font-family:Courier New,monospace;font-size:1.15rem;font-weight:600;letter-spacing:.28em;margin-bottom:4px}.card-label{color:#ffffffbf;font-size:.72rem;font-weight:700;letter-spacing:.14em;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}.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:8px;width:200px}.login-form-card h3{color:#00ffd5;color:var(--lp-teal-bright);font-size:.85rem;font-weight:700;letter-spacing:.1em;margin:0 0 28px;opacity:.85;text-transform:uppercase}.login-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.95rem;margin-bottom:14px;outline:none;padding:15px 20px;transition:border-color .2s,background .2s,box-shadow .2s;width:100%}.login-input::placeholder{color:#ffffff59}.login-input:focus{background:#ffffff14;border-color:#00ffd580;box-shadow:0 0 0 3px #00cba926}.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;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.04em;margin-top:8px;padding:15px;transition:box-shadow .2s,transform .2s;width:100%}.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}}@media (max-width:968px){.hero-inner-box{flex-direction:column;gap:40px;padding:40px 32px;text-align:center}.landing-left{align-items:center;max-width:100%}.branding-logo-large{margin-left:0}.landing-desc{max-width:100%;text-align:center}.landing-features{justify-content:center}.landing-right{height:280px;max-width:360px;width:100%}.card-back{right:50%;transform:translateX(calc(-50% + 30px)) rotate(-8deg)}.card-front{right:50%;transform:translateX(calc(-50% - 30px)) rotate(6deg)}}@media (max-width:480px){.hero-inner-box{padding:32px 20px}.landing-right{height:240px}.rfid-card{height:162px;padding:18px 20px;width:260px}.login-form-card{padding:36px 24px}}
/*# sourceMappingURL=main.624e2c23.css.map*/