:root{--c-primary: #3346ff;--c-primary-dk: #2235e8;--c-navy: #0f1d45;--c-navy-lt: #1a2d60;--c-danger: #bf1c44;--c-danger-dk: #9e1538;--c-bg: #f2f4f8;--c-surface: #ffffff;--c-text: #1b1f2a;--c-muted: #64748b;--c-border: #e2e8f0;--c-border-hover: #cbd5e1;--shadow-sm: 0 1px 2px rgba(0,0,0,.05), 0 2px 8px rgba(0,0,0,.05);--shadow-md: 0 2px 4px rgba(0,0,0,.04), 0 6px 20px rgba(0,0,0,.07);--shadow-lg: 0 4px 8px rgba(0,0,0,.05), 0 16px 40px rgba(0,0,0,.1);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--t: .15s ease;font-family:Inter,system-ui,Arial,sans-serif;color:var(--c-text);background:var(--c-bg)}*{box-sizing:border-box}body{margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c8d9;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#a0aabb}input,select{border:1.5px solid var(--c-border);border-radius:var(--r-sm);padding:.65rem .75rem;background:var(--c-surface);color:var(--c-text);font-family:inherit;font-size:.9rem;transition:border-color var(--t),box-shadow var(--t);outline:none;width:100%}input:hover,select:hover{border-color:var(--c-border-hover)}input:focus,select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #3346ff1f}input:read-only{background:#f8fafc;color:var(--c-muted);cursor:default}input::placeholder{color:#9ba8bb}button{border:none;border-radius:var(--r-sm);padding:.65rem .9rem;background:var(--c-primary);color:#fff;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:background var(--t),transform var(--t),box-shadow var(--t);white-space:nowrap}button:hover{background:var(--c-primary-dk);box-shadow:0 2px 8px #3346ff47}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}button.danger{background:var(--c-danger)}button.danger:hover{background:var(--c-danger-dk);box-shadow:0 2px 8px #bf1c4447}button.ghost{background:transparent;color:var(--c-primary);border:1.5px solid var(--c-primary)}button.ghost:hover{background:#3346ff12;box-shadow:none}form{display:grid;gap:.65rem}@keyframes auth-entry{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.auth-layout{min-height:100vh;display:grid;place-content:center;gap:.875rem;padding:2rem;background:linear-gradient(135deg,#eef1ff,#e8edff,#f0f3ff)}.auth-brand-header{display:flex;align-items:center;justify-content:center;gap:.6rem;animation:auth-entry .35s ease both}.auth-brand-logo{width:40px;height:40px;background:var(--c-navy);border-radius:10px;display:grid;place-items:center;color:#fff;box-shadow:0 4px 12px #0f1d4540}.auth-brand-header span{font-size:1.05rem;font-weight:700;color:var(--c-navy);letter-spacing:-.02em}.auth-card{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:2rem;width:min(420px,90vw);animation:auth-entry .38s ease .05s both}.auth-card h1,.auth-card h2{margin:0 0 .2rem;color:var(--c-navy);font-size:1.4rem}.auth-card>p{margin:0 0 1.25rem;color:var(--c-muted);font-size:.88rem}.auth-layout>p{text-align:center;color:var(--c-muted);font-size:.9rem;animation:auth-entry .38s ease .1s both}.auth-layout>p a{color:var(--c-primary);font-weight:600;text-decoration:none}.auth-layout>p a:hover{text-decoration:underline}.auth-layout>small{text-align:center;color:var(--c-muted);animation:auth-entry .38s ease .12s both}.session-expired-banner{display:flex;align-items:center;gap:.5rem;background:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:.75rem 1rem;border-radius:.5rem;font-size:.9rem;font-weight:500;max-width:420px;width:100%;animation:auth-entry .35s ease both}.dashboard-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width, 260px) 1fr;background:var(--c-bg)}.dashboard-sidebar{background:var(--c-navy);color:#f5f7ff;padding:1.25rem .875rem;display:flex;flex-direction:column;gap:.75rem;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:.5rem .375rem .875rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:.125rem}.sidebar-brand-icon{width:36px;height:36px;background:#ffffff1f;border-radius:var(--r-sm);display:grid;place-items:center;margin-bottom:.6rem;font-size:1.15rem}.sidebar-brand h2{margin:0 0 .2rem;font-size:1rem;font-weight:700;letter-spacing:-.01em}.sidebar-brand p{margin:0;font-size:.8rem;opacity:.6}.dashboard-sidebar nav{display:grid;gap:.2rem;flex:1;align-content:start}.dashboard-sidebar nav a{color:#e8edffcc;text-decoration:none;padding:.55rem .65rem;border-radius:var(--r-sm);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.6rem;transition:background var(--t),color var(--t)}.dashboard-sidebar nav a:hover{background:#ffffff1a;color:#fff}.dashboard-sidebar nav a.active{background:#ffffff26;color:#fff;font-weight:600;box-shadow:inset 3px 0 #fff9}.nav-icon{flex-shrink:0;opacity:.8}.dashboard-sidebar nav a.active .nav-icon{opacity:1}.sidebar-footer{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:.35rem}.sidebar-user-info{padding:.35rem .5rem;font-size:.78rem;opacity:.55;line-height:1.35}.sidebar-user-info strong{display:block;font-size:.84rem;opacity:1;color:#fff}.sidebar-logout-btn{background:#ffffff12!important;color:#e8edffd9!important;font-weight:500!important;font-size:.88rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;box-shadow:none!important}.sidebar-logout-btn:hover{background:#bf1c4459!important;color:#fff!important;box-shadow:none!important}.sidebar-resize-handle{position:absolute;top:0;right:-6px;width:12px;height:100%;border:none;padding:0;margin:0;cursor:col-resize;background:transparent;box-shadow:none}.sidebar-resize-handle:hover{background:#3346ff33;box-shadow:none}.sidebar-resize-handle:active{transform:none}.dashboard-layout{overflow:auto;padding:0;min-height:100vh;display:flex;flex-direction:column}.dashboard-layout>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 2rem 1rem;background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:10}.dashboard-layout>header h1{margin:0;font-size:1.3rem;font-weight:700;color:var(--c-navy);letter-spacing:-.02em}.header-date{font-size:.82rem;color:var(--c-muted);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:var(--r-sm);padding:.35rem .7rem;white-space:nowrap;flex-shrink:0}.dashboard-content{padding:1.5rem 2rem 2.5rem;flex:1;display:flex;flex-direction:column;gap:1.25rem}.menu-toggle{display:none;width:40px;height:40px;padding:.5rem;margin-bottom:.6rem;background:var(--c-surface);border:1.5px solid var(--c-border);color:var(--c-navy);border-radius:var(--r-sm)}.menu-toggle:hover{background:var(--c-bg);box-shadow:none}.menu-toggle:active{transform:scale(.96)}.grid-panels{margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1rem}.panel-anchor{min-width:0}.two-cols{grid-template-columns:repeat(2,minmax(320px,1fr))}.one-col{grid-template-columns:minmax(280px,760px)}.panel{background:var(--c-surface);border-radius:var(--r-md);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04)}.panel h2{margin:0 0 .2rem;font-size:1.05rem;font-weight:700;color:var(--c-navy)}.panel h3{margin:0 0 .2rem;font-size:.98rem;font-weight:700;color:var(--c-navy)}.panel>p{margin:0 0 .75rem;color:var(--c-muted);font-size:.87rem}.panel-head-inline{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem}.panel-head-inline h2,.panel-head-inline h3{margin:0}.panel-head-inline>div>p{margin:.2rem 0 0;color:var(--c-muted);font-size:.84rem}.panel-head-inline label{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--c-muted);font-weight:500;white-space:nowrap}.panel-head-inline label select{width:auto;font-size:.85rem;padding:.35rem .5rem}.grid-form{grid-template-columns:1fr 1fr;display:grid;gap:.5rem}.grid-form>button{grid-column:1 / -1}.form-footer{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.form-footer button{min-width:160px}button.success{background:#15803d!important}button.success:hover{background:#166534!important}.list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.4rem}.list li{border:1.5px solid var(--c-border);border-radius:var(--r-sm);padding:.65rem .75rem;display:flex;justify-content:space-between;align-items:center;transition:border-color var(--t),box-shadow var(--t)}.list li:hover{border-color:var(--c-border-hover);box-shadow:var(--shadow-sm)}.list li strong{font-size:.9rem;display:block}.list li p{margin:.18rem 0 0;font-size:.82rem;color:var(--c-muted)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--c-muted);font-size:.88rem}.empty-state-icon{display:flex;justify-content:center;margin-bottom:.65rem;opacity:.35;color:var(--c-muted)}.active-cards-grid{display:grid;grid-template-columns:repeat(var(--active-cols, 2),minmax(220px,1fr));gap:.65rem}.active-visit-card{padding:.75rem!important;min-height:140px;align-items:stretch!important;border:none!important;border-radius:var(--r-md)!important;box-shadow:0 4px 16px #0f172a2e,0 1px 4px #0f172a1a!important;transition:transform .2s ease,box-shadow .2s ease;display:flex!important;flex-direction:column!important;gap:.5rem}.active-visit-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0f172a38,0 2px 8px #0f172a1f!important}.active-visit-body{flex:1;background:#00000085;border-radius:var(--r-sm);padding:.6rem .75rem;color:#fff!important}.active-visit-body p,.active-visit-body p span,.active-visit-body strong{color:#fff!important}.active-visit-card p{margin:.25rem 0 0;line-height:1.35;font-size:.88rem;font-weight:500}.active-visit-body p span{font-weight:700}.active-visit-body strong{font-size:1.08rem;font-weight:700}.visit-head{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.5rem}.visit-type-label{font-size:.78rem;font-weight:700;background:#ffffff38;border-radius:4px;padding:.1rem .38rem;display:inline-block;margin-top:.18rem;color:#fff}.visit-badge-number{background:#ffffffeb;color:#1f2937;border-radius:var(--r-sm);min-width:38px;text-align:center;padding:.18rem .42rem;font-weight:700;font-size:.88rem;box-shadow:0 2px 6px #00000038}.active-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.details-btn{border-radius:var(--r-sm)!important;background:#ffffff2e!important;color:#fff!important;font-size:.82rem!important;padding:.48rem .6rem!important;font-weight:600!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:none!important}.details-btn:hover{background:#ffffff47!important;box-shadow:none!important}.checkout-btn{border-radius:var(--r-sm)!important;background:#16a34a!important;color:#fff!important;font-size:.82rem!important;padding:.48rem .6rem!important;font-weight:700!important;border:none!important;box-shadow:0 2px 6px #16a34a59!important}.checkout-btn:hover{background:#15803d!important;box-shadow:0 4px 10px #16a34a66!important}.checkout-btn:disabled{background:#00000040!important;box-shadow:none!important;color:#ffffff80!important}.user-card-compact{padding:.65rem .85rem!important;min-height:unset}.user-card-main strong{font-size:.95rem;color:var(--c-navy)}.user-card-main p{margin:.25rem 0 0;font-size:.82rem;color:var(--c-muted);display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.user-card-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.user-card-actions button{padding:.38rem .7rem;min-width:unset;font-size:.82rem;font-weight:600;background:var(--c-surface);color:var(--c-navy);border:1.5px solid var(--c-border);box-shadow:none}.user-card-actions button:hover{border-color:var(--c-primary);color:var(--c-primary);background:#f0f2ff;box-shadow:none}.user-card-actions button.danger{color:var(--c-danger);border-color:#fecdd3;background:#fff5f6}.user-card-actions button.danger:hover{background:#fee2e2;border-color:var(--c-danger)}.access-editor{margin-top:.5rem;display:grid;gap:.5rem}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.35rem .75rem}.permission-grid label{display:flex;align-items:center;gap:.35rem;font-size:.88rem;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b102285;display:grid;place-items:center;z-index:40;padding:1rem;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-card{width:min(680px,100%);background:var(--c-surface);border-radius:var(--r-lg);padding:1.5rem;box-shadow:var(--shadow-lg)}.modal-card h3{margin:0 0 .2rem;color:var(--c-navy)}.modal-card p{margin:.25rem 0 .75rem;color:var(--c-muted);font-size:.88rem}.modal-actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.table-wrap{overflow-x:auto;border-radius:var(--r-sm)}.history-table{width:100%;border-collapse:collapse;font-size:.88rem}.history-table th{text-align:left;padding:.6rem .5rem;color:var(--c-navy);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid var(--c-border);white-space:nowrap}.history-table td{text-align:left;border-bottom:1px solid var(--c-border);padding:.6rem .5rem;color:var(--c-text)}.history-table tbody tr:hover{background:#f8fafc}.history-table tbody tr:last-child td{border-bottom:none}.history-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:.5rem;margin-bottom:.75rem}.rpt-kpi-strip{display:flex;gap:.6rem;flex-wrap:wrap}.rpt-kpi{flex:1;min-width:110px;background:var(--c-surface);border-radius:var(--r-md);padding:.85rem 1rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.04);border-top:3px solid var(--rk, var(--c-primary))}.rpt-kpi span{display:block;font-size:1.55rem;font-weight:700;color:var(--c-navy);line-height:1}.rpt-kpi p{margin:.3rem 0 0;font-size:.75rem;color:var(--c-muted);font-weight:500}.rpt-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:.5rem;margin-bottom:.85rem}.rpt-table th{white-space:nowrap}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{background:#f0f3ff}.sort-icon{margin-left:.25rem;font-size:.8rem;color:var(--c-primary)}.sort-icon-inactive{color:var(--c-muted);opacity:.4}.rpt-count{margin:.75rem 0 0;font-size:.82rem;color:var(--c-muted);text-align:right}.error-msg{color:#b00020;font-size:.88rem;margin:.4rem 0}.badge{display:inline-block;padding:.18rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600;line-height:1.4}.badge-green{background:#dcfce7;color:#15803d}.badge-blue{background:#dbeafe;color:#1d4ed8}.badge-amber{background:#fef3c7;color:#b45309}.badge-red{background:#fee2e2;color:#b91c1c}.badge-gray{background:#f1f5f9;color:#64748b}.kpi-grid{margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.kpi-card{background:var(--c-navy);color:#fff;border-radius:var(--r-md);padding:1rem 1.1rem;position:relative;overflow:hidden;border-top:3px solid var(--kpi-accent, rgba(255,255,255,.25));transition:transform var(--t),box-shadow var(--t)}.kpi-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a4d}.kpi-card h3{margin:0 0 .4rem;font-size:.75rem;font-weight:500;opacity:.7;text-transform:uppercase;letter-spacing:.05em}.kpi-card strong{font-size:1.7rem;font-weight:700;display:block;line-height:1;color:var(--kpi-accent, #fff)}.kpi-card-sub{font-size:.78rem;opacity:.55;margin-top:.3rem}.kpi-card h3{display:flex;align-items:center;gap:.4rem}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 2px #22c55e4d;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 2px #22c55e4d}50%{box-shadow:0 0 0 5px #22c55e1a}}.active-monitor-table{margin-top:.75rem;border-radius:var(--r-sm);overflow:hidden;border:1.5px solid var(--c-border)}.monitor-header{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr auto;gap:.75rem;padding:.55rem 1rem;background:#f8f9fc;border-bottom:1.5px solid var(--c-border);font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted)}.monitor-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr auto;gap:.75rem;padding:.65rem 1rem;align-items:center;border-bottom:1px solid var(--c-border);transition:background var(--t)}.monitor-row:last-child{border-bottom:none}.monitor-row:hover{background:#fafbfd}.monitor-alert{background:#fff8f5!important}.monitor-alert:hover{background:#fff3ee!important}.monitor-name{display:flex;flex-direction:column;gap:.1rem}.monitor-name strong{font-size:.9rem;color:var(--c-navy)}.monitor-name small{font-size:.75rem;color:var(--c-muted)}.monitor-host{font-size:.87rem;color:var(--c-text)}.monitor-time{font-size:.9rem;font-weight:700;color:var(--c-navy);font-variant-numeric:tabular-nums}.monitor-time-alert{color:#dc2626}.alert-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#dc2626;margin-right:.3rem;vertical-align:middle;animation:pulse-dot 1.5s ease-in-out infinite}.checkout-btn-sm{padding:.35rem .75rem!important;font-size:.8rem!important;font-weight:600!important;background:#16a34a!important;color:#fff!important;border:none!important;border-radius:var(--r-sm)!important;white-space:nowrap;box-shadow:0 1px 4px #16a34a40!important}.checkout-btn-sm:hover{background:#15803d!important}.day-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.day-summary-item{border-radius:var(--r-sm);padding:.75rem .5rem;text-align:center;border-left:3px solid var(--ds-color, var(--c-primary));background:#fafbfd;border-top:1px solid var(--c-border);border-right:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.ds-count{display:block;font-size:1.5rem;font-weight:700;color:var(--c-navy);line-height:1}.ds-label{display:block;font-size:.75rem;font-weight:600;color:var(--c-muted);margin-top:.2rem}.day-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding-top:.75rem;border-top:1px solid var(--c-border)}.ds-stat{text-align:center}.ds-stat span{display:block;font-size:.75rem;color:var(--c-muted);margin-bottom:.15rem}.ds-stat strong{font-size:1rem;font-weight:700;color:var(--c-navy)}.exit-log-item{display:flex!important;justify-content:space-between;align-items:center;gap:.5rem}.exit-log-info strong{font-size:.9rem;color:var(--c-navy)}.exit-log-info p{margin:.15rem 0 0;font-size:.8rem;color:var(--c-muted);display:flex;align-items:center;gap:.3rem}.exit-log-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;flex-shrink:0}.exit-duration{font-size:.82rem;font-weight:700;color:var(--c-navy)}.exit-time{font-size:.75rem;color:var(--c-muted)}.history-row-clickable{cursor:pointer;transition:background var(--t)}.history-row-clickable:hover{background:#f0f3ff}.history-row-clickable:hover .row-detail-hint{opacity:1;color:var(--c-primary)}.row-detail-hint{opacity:0;transition:opacity var(--t);color:var(--c-muted);text-align:right}.history-table-clickable tbody tr td:nth-child(2) strong{font-weight:600;color:var(--c-navy)}.visit-detail-modal{width:min(640px,96vw);background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.vd-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-top:4px solid var(--c-primary);border-bottom:1px solid var(--c-border);background:#fafbfd}.vd-header-info{display:flex;align-items:center;gap:.85rem}.vd-badge-num{width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#fff;flex-shrink:0}.vd-name{margin:0 0 .25rem;font-size:1.15rem;font-weight:700;color:var(--c-navy)}.vd-category{display:inline-block;padding:.12rem .55rem;border-radius:99px;font-size:.75rem;font-weight:700;color:#fff}.vd-close{background:transparent!important;border:none!important;color:var(--c-muted)!important;padding:.4rem!important;box-shadow:none!important;border-radius:var(--r-sm)!important;cursor:pointer;flex-shrink:0}.vd-close:hover{background:var(--c-bg)!important;color:var(--c-text)!important}.vd-body{display:flex;gap:1.25rem;padding:1.25rem 1.4rem;overflow-y:auto;flex:1}.vd-photo-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}.vd-photo{width:140px;height:190px;object-fit:cover;border-radius:var(--r-sm);border:1.5px solid var(--c-border);cursor:zoom-in;transition:transform var(--t),box-shadow var(--t)}.vd-photo:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.vd-photo-label{font-size:.72rem;color:var(--c-muted);font-weight:500}.vd-fields{flex:1;display:flex;flex-direction:column;gap:.85rem;min-width:0}.vd-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-muted);padding-bottom:.3rem;border-bottom:1px solid var(--c-border)}.vd-field-row{display:flex;flex-wrap:wrap;gap:.6rem .85rem}.vd-field{display:flex;flex-direction:column;gap:.1rem;min-width:140px;flex:1}.vd-fl{font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-muted)}.vd-fv{font-size:.92rem;font-weight:500;color:var(--c-text)}.vd-fv-highlight{font-size:1rem;font-weight:700;color:var(--c-navy)}.vd-footer{padding:.85rem 1.4rem;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end}.dpi-capture{grid-column:1 / -1}.dpi-btn{width:100%;background:transparent;border:2px dashed var(--c-border-hover);color:var(--c-muted);font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:var(--r-sm);transition:border-color var(--t),color var(--t),background var(--t)}.dpi-btn:hover{border-color:var(--c-primary);color:var(--c-primary);background:#3346ff0a;box-shadow:none}.dpi-preview{display:flex;align-items:center;gap:1rem;padding:.5rem;border:1.5px solid var(--c-border);border-radius:var(--r-sm);background:#fafbfd}.dpi-preview-img{height:70px;width:auto;max-width:130px;object-fit:cover;border-radius:4px;border:1px solid var(--c-border)}.dpi-preview .ghost{flex-shrink:0;font-size:.83rem;padding:.4rem .65rem}.dpi-thumb-card{width:52px;height:36px;object-fit:cover;border-radius:5px;border:2px solid rgba(255,255,255,.6);cursor:pointer;flex-shrink:0;transition:transform var(--t)}.dpi-thumb-card:hover{transform:scale(1.08)}.dpi-thumb-table{width:48px;height:32px;object-fit:cover;border-radius:4px;border:1px solid var(--c-border);cursor:pointer;display:block;transition:transform var(--t),box-shadow var(--t)}.dpi-thumb-table:hover{transform:scale(1.1);box-shadow:var(--shadow-sm)}.dpi-no-photo{color:var(--c-muted);font-size:.85rem}.dpi-photo-modal{background:#fff;border-radius:var(--r-lg);padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:min(680px,95vw);box-shadow:var(--shadow-lg)}.dpi-photo-modal img{max-width:100%;max-height:70vh;border-radius:var(--r-sm);object-fit:contain}.dpi-photo-modal button{width:100%}.ops-header-panel p{margin:0;color:var(--c-muted);font-size:.87rem}.reg-form-panel{padding:1.25rem 1.5rem}.reg-form-layout{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}.reg-form{display:flex;flex-direction:column;gap:.85rem}.form-field-group{display:flex;flex-direction:column;gap:.4rem}.form-group-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.category-tabs{display:flex;gap:.5rem}.category-tab{flex:1;padding:.55rem .5rem;border-radius:var(--r-sm);border:2px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--t);box-shadow:none}.category-tab:hover{border-color:var(--c-border-hover);background:#f8f9fc;box-shadow:none}.category-tab.active{box-shadow:0 2px 8px #0000002e}.reg-form-aside{display:flex;flex-direction:column;gap:.85rem;position:sticky;top:5rem}.form-clock{display:flex;align-items:flex-start;gap:.65rem;background:var(--c-bg);border-radius:var(--r-sm);padding:.75rem 1rem;border:1.5px solid var(--c-border);color:var(--c-muted)}.form-clock svg{flex-shrink:0;margin-top:2px;color:var(--c-primary)}.form-clock-time{display:block;font-size:1.3rem;font-weight:700;color:var(--c-navy);font-variant-numeric:tabular-nums;letter-spacing:.02em}.form-clock-date{display:block;font-size:.78rem;color:var(--c-muted);margin-top:.1rem;text-transform:capitalize}.reg-submit-btn{padding:.8rem 1rem!important;font-size:1rem!important;font-weight:700!important;margin-top:.25rem;border-radius:var(--r-md)!important;letter-spacing:.01em}.panel-divider{border:none;border-top:1px solid var(--c-border);margin:1rem 0}.panel-section-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);margin:0 0 .6rem}.profile-section-head{display:flex;align-items:flex-start;gap:.85rem;margin-bottom:1.1rem}.profile-section-head h2{margin:0 0 .2rem;font-size:1.05rem;color:var(--c-navy)}.profile-section-head p{margin:0;font-size:.85rem;color:var(--c-muted)}.profile-section-icon{flex-shrink:0;width:40px;height:40px;background:#eef0ff;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--c-primary)}.visit-type-configs{display:grid;gap:.5rem;margin-bottom:.75rem}.visit-type-row{display:grid;grid-template-columns:100px 1fr auto auto;align-items:center;gap:.5rem;padding:.5rem .65rem;border:1.5px solid var(--c-border);border-radius:var(--r-sm);background:#fafbfd}.visit-type-key{font-weight:600;font-size:.88rem;color:var(--c-navy)}.visit-type-row input[type=color]{width:38px;height:36px;padding:2px;border-radius:var(--r-sm);cursor:pointer}.color-preview{width:20px;height:20px;border-radius:99px;border:1.5px solid rgba(0,0,0,.12);flex-shrink:0}.link-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;text-decoration:none;padding:.65rem 1rem;border-radius:var(--r-sm);background:var(--c-primary);color:#fff;font-weight:600;font-size:.9rem;transition:background var(--t),box-shadow var(--t)}.link-btn:hover{background:var(--c-primary-dk);box-shadow:0 2px 8px #3346ff47}.sidebar-backdrop{display:none}@media (max-width: 960px){.dashboard-shell{grid-template-columns:1fr}.dashboard-layout>header{padding:.875rem 1rem}.dashboard-content{padding:1rem 1rem 2rem;gap:1rem}.menu-toggle{display:inline-flex;justify-content:center;align-items:center}.dashboard-sidebar{position:fixed;inset:0 auto 0 0;width:min(290px,85vw);transform:translate(-105%);transition:transform .25s ease;z-index:25}.sidebar-resize-handle{display:none}.dashboard-sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;border:none;padding:0;margin:0;background:#0b102280;z-index:20}.grid-panels,.two-cols,.one-col,.grid-form{grid-template-columns:1fr}.user-card-actions{width:100%;justify-content:flex-start;margin-top:.45rem}.panel-head-inline{flex-direction:column;align-items:stretch}.history-filters,.active-cards-grid{grid-template-columns:1fr}.active-card-actions{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-layout>header{flex-direction:column;align-items:flex-start}.reg-form-layout{grid-template-columns:1fr}.reg-form-aside{position:static}.category-tabs{flex-wrap:wrap}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr 1fr}}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 0 .25rem;font-size:.87rem;color:var(--c-muted)}.pagination button{background:transparent;color:var(--c-primary);border:1.5px solid var(--c-border);font-size:.84rem;padding:.38rem .85rem;min-width:unset}.pagination button:hover:not(:disabled){background:#3346ff12;border-color:var(--c-primary);box-shadow:none}.pagination button:disabled{opacity:.35;cursor:not-allowed}.theme-toggle{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--c-bg);border:1.5px solid var(--c-border);color:var(--c-muted);border-radius:var(--r-sm);flex-shrink:0;box-shadow:none}.theme-toggle:hover{background:var(--c-surface);color:var(--c-navy);box-shadow:none}[data-theme=dark]{--c-bg: #10131c;--c-surface: #181c28;--c-text: #dde2f0;--c-muted: #8a93a8;--c-border: #262b3d;--c-border-hover: #333a52;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 2px 8px rgba(0,0,0,.45);--shadow-lg: 0 4px 20px rgba(0,0,0,.55);color-scheme:dark}[data-theme=dark] .panel h2,[data-theme=dark] .panel h3,[data-theme=dark] .dashboard-layout>header h1,[data-theme=dark] .history-table th,[data-theme=dark] .modal-card h3,[data-theme=dark] .rpt-kpi span,[data-theme=dark] .user-card-main strong,[data-theme=dark] .visit-type-key,[data-theme=dark] .form-group-label,[data-theme=dark] .vd-name,[data-theme=dark] .vd-section-label{color:#dde2f0}[data-theme=dark] .dashboard-layout>header{border-color:var(--c-border)}[data-theme=dark] .header-date{background:var(--c-bg);border-color:var(--c-border)}[data-theme=dark] .theme-toggle{background:var(--c-bg);border-color:var(--c-border);color:var(--c-muted)}[data-theme=dark] .theme-toggle:hover{background:var(--c-surface);color:#dde2f0}[data-theme=dark] input:not([type=color]),[data-theme=dark] select{background:#1f2535;border-color:var(--c-border);color:var(--c-text)}[data-theme=dark] input::placeholder{color:#4e5770}[data-theme=dark] input:read-only{background:#181c28}[data-theme=dark] .auth-layout{background:linear-gradient(135deg,#10131c,#141828,#10131c)}[data-theme=dark] .auth-brand-header span,[data-theme=dark] .auth-card h1{color:#dde2f0}[data-theme=dark] .history-table tbody tr:hover,[data-theme=dark] .th-sortable:hover{background:#1f2535}[data-theme=dark] .visit-detail-modal{background:#181c28;border-color:var(--c-border)}[data-theme=dark] .dpi-photo-modal{background:#181c28}[data-theme=dark] .vd-fl{color:var(--c-muted)}[data-theme=dark] .vd-fv{color:#dde2f0}[data-theme=dark] .visit-type-row{background:#1f2535;border-color:var(--c-border)}[data-theme=dark] .day-summary-stats .ds-stat,[data-theme=dark] .exit-log-item{border-color:var(--c-border)}[data-theme=dark] .exit-log-item:hover{background:#1f2535}[data-theme=dark] .monitor-row{border-color:var(--c-border)}[data-theme=dark] .monitor-row:hover{background:#1f2535}[data-theme=dark] .monitor-header{border-color:var(--c-border);color:var(--c-muted)}[data-theme=dark] .user-card-actions button{background:#1f2535;border-color:var(--c-border);color:#dde2f0}[data-theme=dark] .user-card-actions button:hover{background:#262b3d;border-color:var(--c-primary);color:var(--c-primary)}[data-theme=dark] .user-card-actions button.danger{background:#2a1a1f;border-color:#5a2030;color:#f87171}[data-theme=dark] .user-card-actions button.danger:hover{background:#3a1f25;border-color:#f87171}[data-theme=dark] .form-clock{background:#1f2535;border-color:var(--c-border)}[data-theme=dark] .form-clock-date{color:var(--c-muted)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#333a52}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#444c66}