@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#7b1818;--primary-hover:#641414;--primary-light:#fdf0f0;--success-color:#0f9f6e;--success-light:#e6f6ee;--danger-color:#f05252;--danger-light:#fde8e8;--warning-color:#b45309;--warning-light:#fdf3e3;--bg-color:#faf8f7;--card-bg:#ffffffe6;--text-color:#1a0a0a;--text-muted:#6b5555;--border-color:#e8e0e0;--sidebar-bg:#fffffff7;--hover-bg:#f7f0f0;--shadow-sm:0 1px 2px 0 #7b18180a;--shadow:0 4px 20px -2px #7b18180f, 0 2px 6px -1px #00000008;--shadow-md:0 10px 30px -5px #7b18181a, 0 4px 12px -2px #0000000a;--transition:all .25s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--primary-color:#e8b86d;--primary-hover:#d4a459;--primary-light:#2e1c08;--success-color:#34d399;--success-light:#132b1f;--danger-color:#f87171;--danger-light:#371616;--warning-color:#fbbf24;--warning-light:#2e1d0f;--bg-color:#120808;--card-bg:#1c0c0ce0;--text-color:#f5eaea;--text-muted:#b89090;--border-color:#2e1515;--sidebar-bg:#140808f7;--hover-bg:#2a1010;--shadow-sm:0 1px 2px 0 #00000026;--shadow:0 4px 20px -2px #00000059, 0 2px 6px -1px #0003;--shadow-md:0 10px 30px -5px #00000080, 0 4px 12px -2px #00000040}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--primary-color:#e8b86d;--primary-hover:#d4a459;--primary-light:#2e1c08;--success-color:#34d399;--success-light:#132b1f;--danger-color:#f87171;--danger-light:#371616;--warning-color:#fbbf24;--warning-light:#2e1d0f;--bg-color:#120808;--card-bg:#1c0c0ce0;--text-color:#f5eaea;--text-muted:#b89090;--border-color:#2e1515;--sidebar-bg:#140808f7;--hover-bg:#2a1010;--shadow-sm:0 1px 2px 0 #00000026;--shadow:0 4px 20px -2px #00000059, 0 2px 6px -1px #0003;--shadow-md:0 10px 30px -5px #00000080, 0 4px 12px -2px #00000040}}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition), color var(--transition);background-image:radial-gradient(at 0 0,#7b18180a 0,#0000 50%),radial-gradient(at 100% 100%,#c9a84c05 0,#0000 50%);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.logo{vertical-align:middle;width:auto;height:28px;transition:var(--transition);border-radius:6px;margin-right:10px}[data-theme=dark] .logo{filter:drop-shadow(0 0 3px #ffffff80)brightness(1.15)}.auth-card .logo{height:42px}.theme-toggle{cursor:pointer;color:var(--text-muted);transition:all var(--transition);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:10px 16px;font-size:14px;display:flex}.theme-toggle:hover{background-color:var(--hover-bg);color:var(--text-color)}.theme-toggle-icon{width:18px;height:18px}.container{max-width:1200px;margin:0 auto;padding:20px}.auth-card{background:var(--card-bg);max-width:420px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition);border-radius:16px;margin:60px auto;padding:40px;position:relative}.auth-card h1{text-align:center;color:var(--primary-color);justify-content:center;align-items:center;margin-bottom:8px;font-size:1.5rem;display:flex}.subtitle{text-align:center;color:var(--text-muted);margin-bottom:30px}.form-container h2{color:var(--text-color);margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-color);margin-bottom:6px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-color);background-color:var(--card-bg);width:100%;color:var(--text-color);transition:border-color var(--transition), box-shadow var(--transition), background-color var(--transition);border-radius:8px;padding:12px 16px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{resize:vertical;min-height:100px}.password-strength{margin-top:12px}.strength-bar{background-color:var(--border-color);border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.strength-fill{border-radius:3px;width:0;height:100%;transition:width .3s,background-color .3s}.strength-fill.weak{background-color:var(--danger-color)}.strength-fill.fair{background-color:var(--warning-color)}.strength-fill.good{background-color:#22c55e}.strength-fill.strong{background-color:var(--success-color)}.strength-requirements{flex-direction:column;gap:6px;display:flex}.requirement{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;transition:color .2s;display:flex}.requirement .req-icon{border:2px solid var(--border-color);border-radius:50%;width:14px;height:14px;transition:all .2s;display:inline-block;position:relative}.requirement.met{color:var(--success-color)}.requirement.met .req-icon{border-color:var(--success-color);background-color:var(--success-color)}.requirement.met .req-icon:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.requirement.unmet{color:var(--text-muted)}.requirement.unmet .req-icon{border-color:var(--border-color);background-color:#0000}.btn{cursor:pointer;transition:var(--transition);text-align:center;border:none;border-radius:10px;padding:11px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;transform:translateY(0)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff;width:100%}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1.5px);box-shadow:0 4px 14px #4f46e540}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#05855c;transform:translateY(-1.5px);box-shadow:0 4px 14px #0f9f6e40}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#e02424;transform:translateY(-1.5px);box-shadow:0 4px 14px #f0525240}.btn-secondary{background-color:var(--text-muted);color:#fff}.btn-secondary:hover{background-color:#4b5563}.btn-sm{padding:6px 12px;font-size:12px}.message{text-align:center;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:.9rem}.message.success{background-color:var(--success-light);color:var(--success-color);border:1px solid var(--success-color)}.message.error{background-color:var(--danger-light);color:var(--danger-color);border:1px solid var(--danger-color)}.message:empty{display:none}.toggle-text{text-align:center;color:var(--text-muted);margin-top:20px}.toggle-text a{color:var(--primary-color);font-weight:500;text-decoration:none}.toggle-text a:hover{text-decoration:underline}.hidden{display:none!important}.dashboard{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);height:100vh;transition:background-color var(--transition), border-color var(--transition);flex-direction:column;padding:20px 16px;display:flex;overflow:hidden}.sidebar h2{color:var(--primary-color);align-items:center;margin-bottom:8px;padding:0 8px;font-size:1.25rem;font-weight:600;display:flex}.sidebar .user-info{border-bottom:1px solid var(--border-color);margin-bottom:12px;padding:12px 8px}.sidebar .user-info .name{color:var(--text-color);font-size:.95rem;font-weight:600}.sidebar .user-info .role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px}.sidebar nav{scrollbar-width:none;flex:1;margin-bottom:12px;overflow-y:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav a{color:var(--text-muted);transition:all var(--transition);border-radius:8px;align-items:center;margin-bottom:2px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar nav a:hover{background-color:var(--hover-bg);color:var(--text-color)}.sidebar nav a.active{background-color:var(--primary-light);color:var(--primary-color)}.main-content{background-color:var(--bg-color);transition:background-color var(--transition);padding:32px;overflow-y:auto}.main-content h1{color:var(--text-color);letter-spacing:-.03em;margin-bottom:24px;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:var(--transition);border-radius:16px;margin-bottom:20px;padding:24px}.card:hover{box-shadow:var(--shadow-md)}.card h3{color:var(--text-color);letter-spacing:-.01em;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600}.table-container{border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 18px}th{background-color:var(--hover-bg);color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}td{color:var(--text-color);font-size:.9rem}tr:last-child td{border-bottom:none}tr{transition:var(--transition)}tr:hover{background-color:var(--hover-bg)}.badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-pending{color:#92400e;background-color:#fef3c7}.badge-approved{color:#065f46;background-color:#d1fae5}.badge-rejected,.badge-out{color:#991b1b;background-color:#fee2e2}.badge-in,.badge-present{color:#065f46;background-color:#d1fae5}.badge-absent{color:#991b1b;background-color:#fee2e2}.badge-onleave{color:#1e40af;background-color:#dbeafe}.badge-overstay{color:#991b1b;background-color:#fee2e2;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.qr-container{text-align:center;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:12px;margin-top:16px;padding:24px}.qr-container img{border-radius:8px;max-width:200px;margin:12px 0}.qr-container .gate-pass-id{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;margin-top:12px;padding:10px 20px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;display:inline-block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border-color);transition:all var(--transition);border-radius:12px;padding:24px}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card .stat-value{color:var(--primary-color);font-size:2rem;font-weight:700;line-height:1.2}.stat-card .stat-label{color:var(--text-muted);margin-top:6px;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg);border:1px solid var(--border-color);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-md);border-radius:16px;padding:32px;overflow-y:auto}.modal h3{margin-bottom:20px}.modal-actions{gap:10px;margin-top:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.action-buttons{gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:40px}.empty-state svg{opacity:.5;width:64px;height:64px;margin-bottom:16px}.logout-btn{border-top:1px solid var(--border-color);margin-top:auto;padding-top:20px}.mobile-header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);z-index:80;transition:background-color var(--transition), border-color var(--transition);align-items:center;gap:16px;padding:12px 20px;display:none;position:sticky;top:0}.menu-toggle{color:var(--text-color);cursor:pointer;width:32px;height:32px;transition:all var(--transition);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.menu-toggle:hover{background-color:var(--hover-bg)}.menu-toggle svg{width:24px;height:24px}.mobile-logo-text{color:var(--primary-color);font-size:1.1rem;font-weight:600}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}@media (width<=768px){.dashboard{grid-template-columns:1fr}.sidebar{z-index:100;width:260px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 12px #00000026}.sidebar.open{transform:translate(0)}.mobile-header{display:flex}.main-content{padding:20px 16px}.form-row{grid-template-columns:1fr}.auth-card{margin:20px;padding:24px}}.spinner{border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tabs{border-bottom:1px solid var(--border-color);margin-bottom:20px;display:flex}.tab{cursor:pointer;color:var(--text-muted);border-bottom:2px solid #0000;padding:12px 24px;transition:all .2s}.tab:hover{color:var(--text-color)}.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.manual-entry{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:24px}.manual-entry input{text-align:center;letter-spacing:2px;padding:14px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:18px}.badge-risk-low{color:#fff;background-color:#10b981}.badge-risk-medium{color:#fff;background-color:#f59e0b}.badge-risk-high{color:#fff;background-color:#f97316}.badge-risk-critical{color:#fff;background-color:#ef4444}.badge-auto_approved,.badge-auto-approved{color:#fff;background-color:#059669}.badge-flagged{color:#fff;background-color:#dc2626}.ml-profile-card{background:var(--card-bg);border:1px solid var(--primary-color);border-radius:12px;margin-bottom:20px;padding:20px}.ml-profile-card h4{color:var(--primary-color);margin-bottom:16px;font-size:1.1rem}.risk-meter{background:var(--border-color);border-radius:10px;height:16px;margin-bottom:8px;overflow:hidden}.risk-meter-fill{border-radius:10px;height:100%;transition:width .5s,background-color .5s}.risk-score-display{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.risk-score-value{color:var(--text-color);font-size:1.5rem;font-weight:700}.tips-header{color:var(--primary-color);margin-bottom:8px;font-weight:600}.tips-list{padding:0;list-style:none}.tips-list li{color:var(--text-muted);padding:6px 0 6px 20px;font-size:.9rem;position:relative}.tips-list li:before{content:"→";color:var(--primary-color);position:absolute;left:0}.tip-success{color:var(--success-color);font-weight:500}.ml-prediction-box{background:var(--card-bg);border:1px solid var(--warning-color);border-radius:12px;margin:20px 0;padding:20px}.ml-prediction-box.hidden{display:none}.ml-prediction-box h4{color:var(--warning-color);margin-bottom:12px}.prediction-result{flex-direction:column;gap:16px;display:flex}.prediction-main{flex-wrap:wrap;gap:20px;display:flex}.prediction-likelihood{border-radius:8px;flex:1;align-items:center;gap:12px;min-width:200px;padding:16px;display:flex}.prediction-likelihood.likelihood-high{background:var(--success-light);border:1px solid var(--success-color)}.prediction-likelihood.likelihood-medium{background:var(--warning-light);border:1px solid var(--warning-color)}.prediction-likelihood.likelihood-low,.prediction-likelihood.likelihood-very-low{background:var(--danger-light);border:1px solid var(--danger-color)}.likelihood-icon{font-size:2rem}.likelihood-text{flex-direction:column;display:flex}.likelihood-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.likelihood-value{font-size:1.2rem;font-weight:700}.likelihood-percent{margin-left:auto;font-size:2rem;font-weight:700}.prediction-score{flex:1;min-width:200px}.score-label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.score-bar{background:var(--border-color);border-radius:8px;height:12px;margin-bottom:4px;overflow:hidden}.score-fill{border-radius:8px;height:100%;transition:width .3s}.score-value{color:var(--text-muted);text-align:right;font-size:.85rem}.prediction-warnings,.prediction-tips,.prediction-positives{border-radius:8px;padding:12px;font-size:.9rem}.prediction-warnings{background:var(--danger-light);border-left:3px solid var(--danger-color)}.prediction-tips{background:var(--primary-light);border-left:3px solid var(--primary-color)}.prediction-positives{background:var(--success-light);border-left:3px solid var(--success-color)}.prediction-warnings ul,.prediction-tips ul,.prediction-positives ul{margin-top:8px;padding-left:20px;list-style:outside}.prediction-message{color:var(--text-muted);font-size:.85rem;font-style:italic}.loading-spinner{text-align:center;color:var(--text-muted);padding:20px}.restrictions-alert{background:var(--danger-light);border:1px solid var(--danger-color);border-radius:12px;margin-bottom:20px;padding:16px}.restrictions-alert.hidden{display:none}.restrictions-alert h4{color:var(--danger-color);margin-bottom:8px}.restriction-item{border-bottom:1px solid var(--border-color);padding:8px 0}.restriction-item:last-child{border-bottom:none}.profile-stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.profile-stat{text-align:center;background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;padding:12px}.profile-stat-value{color:var(--primary-color);font-size:1.5rem;font-weight:700}.profile-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.ml-insights-card{background:var(--card-bg);border:1px solid var(--primary-color)}.ml-insights-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px;display:grid}.ml-insight{background:var(--card-bg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.ml-insight-icon{font-size:1.5rem}.ml-insight-value{color:var(--text-color);font-size:1.25rem;font-weight:700}.ml-insight-label{color:var(--text-muted);font-size:.75rem}.flagged-alert-card{border-left:4px solid var(--danger-color);background:var(--danger-light)}.flagged-description{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.flagged-row{background:var(--danger-light)}.ai-reason{max-width:200px;color:var(--danger-color);font-size:.85rem}.view-all-link{text-align:right;margin-top:16px}.view-all-link a{color:var(--primary-color);font-weight:500;text-decoration:none}.view-all-link a:hover{text-decoration:underline}.stat-card-warning{border-left:3px solid #f59e0b}.stat-card-success{border-left:3px solid #10b981}.section-description{color:var(--text-muted);margin-bottom:20px}.badge-calendar-exam{color:#fff;background:#dc2626}.badge-calendar-exam_prep{color:#fff;background:#f97316}.badge-calendar-holiday{color:#fff;background:#10b981}.badge-calendar-restricted{color:#fff;background:#7c3aed}.badge-calendar-cultural{color:#fff;background:#ec4899}.badge-calendar-academic{color:#fff;background:#3b82f6}.badge-calendar-other{color:#fff;background:#6b7280}.badge-policy-blocked{color:#fff;background:#dc2626}.badge-policy-flagged{color:#fff;background:#f97316}.badge-policy-discouraged{color:#fff;background:#f59e0b}.badge-policy-normal{color:#fff;background:#6b7280}.badge-policy-encouraged{color:#fff;background:#10b981}.auto-approved-message{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.auto-approve-icon{font-size:2rem}.gate-pass-info{background:var(--success-light);border-radius:8px;margin-top:8px;padding:8px 16px}.flagged-message{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.analytics-tab-content{display:block}.analytics-tab-content.hidden{display:none}#mongodb-analytics-section{animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#mongodb-analytics-section .tabs{flex-wrap:wrap;gap:4px}#mongodb-analytics-section .tab{background:var(--hover-bg);border-bottom:none;border:1px solid var(--border-color);border-bottom:2px solid #0000;border-radius:8px 8px 0 0}#mongodb-analytics-section .tab.active{background:var(--card-bg);border-bottom-color:var(--primary-color)}#mongodb-analytics-section .tab:hover{background:var(--card-bg)}#mongodb-analytics-section table tr:hover{background-color:#4f46e50d}#mongodb-analytics-section table tbody tr td{vertical-align:middle}#mongodb-analytics-section table tbody tr td strong{color:var(--primary-color);font-weight:600}#mongodb-analytics-section table tbody tr td small{color:var(--text-muted);margin-top:2px;font-size:.75rem;display:block}#mongodb-analytics-section .btn-primary{width:auto;display:inline-block}#mongodb-analytics-section .btn-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}#mongodb-analytics-section .empty-state{background:var(--hover-bg);border-radius:8px;padding:60px 40px}.flag-icon{font-size:2rem}.flag-reason{color:var(--danger-color);font-size:.85rem;font-style:italic}.message.warning{background:var(--warning-light);color:var(--warning-color);border:1px solid var(--warning-color)}[data-accent=sage]{--primary-color:#3b7a57;--primary-hover:#2d5d42;--primary-light:#eaf4ed}[data-theme=dark][data-accent=sage]{--primary-color:#5bb381;--primary-hover:#48a070;--primary-light:#163c27}[data-accent=teal]{--primary-color:#0f766e;--primary-hover:#115e59;--primary-light:#e6f4f2}[data-theme=dark][data-accent=teal]{--primary-color:#2ed2c5;--primary-hover:#21b0a5;--primary-light:#0d4642}[data-accent=terracotta]{--primary-color:#b05c50;--primary-hover:#8f463c;--primary-light:#f7edeb}[data-theme=dark][data-accent=terracotta]{--primary-color:#e59083;--primary-hover:#d27b6d;--primary-light:#4c201b}[data-accent=slate]{--primary-color:#4b5563;--primary-hover:#374151;--primary-light:#f3f4f6}[data-theme=dark][data-accent=slate]{--primary-color:#9ca3af;--primary-hover:#808691;--primary-light:#1f2937}.accent-section{border-top:1px solid var(--border-color);margin-top:10px;padding:12px 16px}.accent-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.accent-picker{align-items:center;gap:8px;display:flex}.accent-btn{cursor:pointer;width:20px;height:20px;transition:all var(--transition);border:2px solid #0000;border-radius:50%;padding:0;position:relative}.accent-btn:hover{transform:scale(1.15)}.accent-btn.active{border-color:var(--text-color);box-shadow:0 0 0 2px var(--card-bg) inset}.accent-btn.accent-indigo{background-color:#7b1818}.accent-btn.accent-sage{background-color:#3b7a57}.accent-btn.accent-teal{background-color:#0f766e}.accent-btn.accent-terracotta{background-color:#b05c50}.accent-btn.accent-slate{background-color:#4b5563}.auth-page-container{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative}.auth-page-container:before{content:"";z-index:1;background:#0b0f178c;position:absolute;inset:0}[data-theme=light] .auth-page-container:before{background:#f9fafbbf}.dashboard-banner{color:#fff;height:140px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:16px;align-items:center;margin-bottom:24px;padding:0 32px;display:flex;position:relative;overflow:hidden}.dashboard-banner:before{content:"";z-index:1;background:linear-gradient(90deg,#0b0f17d9 0%,#0b0f1773 100%);position:absolute;inset:0}[data-theme=light] .dashboard-banner:before{background:linear-gradient(90deg,#4f46e5e6 0%,#4f46e566 100%)}.dashboard-banner-content{z-index:2;position:relative}.dashboard-banner-content h1{letter-spacing:-.02em;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700;color:#fff!important}.dashboard-banner-content p{opacity:.9;font-size:.95rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.quick-action-card{background:var(--card-bg);border:1px solid var(--border-color);min-height:120px;box-shadow:var(--shadow);transition:var(--transition);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.quick-action-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-card h4{color:var(--text-color);margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.quick-action-card p{color:var(--text-muted);margin-bottom:12px;font-size:.85rem}.quick-action-card .btn{align-self:flex-start;padding:6px 14px;font-size:12px}.camera-scanner-modal{background:var(--card-bg);z-index:1100;border:1px solid var(--border-color);border-radius:16px;width:95%;max-width:500px;padding:24px;position:relative}#reader{border-radius:12px;width:100%;overflow:hidden;border:none!important}#reader video{object-fit:cover;border-radius:12px}.scanner-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:16px;right:16px}.auth-page-container .auth-card{-webkit-backdrop-filter:blur(20px);background:#ffffffeb;border:1px solid #c9a84c40;box-shadow:0 20px 60px #7b181826,0 2px 8px #00000014}[data-theme=dark] .auth-page-container .auth-card{background:#140a0ae0;border:1px solid #c9a84c33;box-shadow:0 20px 60px #00000080,0 2px 8px #0000004d}.auth-card h1{color:#7b1818;letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:700}[data-theme=dark] .auth-card h1{color:#e8b86d}.auth-card .subtitle{color:#9a6c2e;font-size:.875rem}[data-theme=dark] .auth-card .subtitle{color:#a07840}.auth-card .form-container h2{color:#7b1818;border-bottom:2px solid #c9a84c4d;margin-bottom:20px;padding-bottom:10px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}[data-theme=dark] .auth-card .form-container h2{color:#e8b86d;border-bottom-color:#c9a84c33}.auth-card .form-group input:focus,.auth-card .form-group select:focus,.auth-card .form-group textarea:focus{border-color:#7b1818;box-shadow:0 0 0 3px #7b18181a}[data-theme=dark] .auth-card .form-group input:focus,[data-theme=dark] .auth-card .form-group select:focus,[data-theme=dark] .auth-card .form-group textarea:focus{border-color:#e8b86d;box-shadow:0 0 0 3px #e8b86d1a}.auth-card .btn-primary{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#7b1818 0%,#9e2121 100%);border:none;font-weight:600;box-shadow:0 4px 14px #7b18184d}.auth-card .btn-primary:hover{background:linear-gradient(135deg,#641414 0%,#7b1818 100%);transform:translateY(-1.5px);box-shadow:0 6px 20px #7b181866}.auth-card .toggle-text{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.875rem}.auth-card .toggle-text a{color:#7b1818;font-weight:600;text-decoration:none}.auth-card .toggle-text a:hover{color:#9e2121;text-decoration:underline}[data-theme=dark] .auth-card .toggle-text a{color:#e8b86d}[data-theme=dark] .auth-card .toggle-text a:hover{color:#f5cd8a}input[type=date],input[type=datetime-local]{color:var(--text-color);background-color:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:8px;padding:11px 14px;font-family:Plus Jakarta Sans,sans-serif;font-weight:500;position:relative}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:none;transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237B1818' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:none;transition:var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237B1818' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e8b86d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e8b86d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}input[type=date]:hover,input[type=datetime-local]:hover{border-color:var(--primary-color);background-color:var(--hover-bg)}input[type=date]:focus,input[type=datetime-local]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=date]::-webkit-datetime-edit-text{color:var(--text-muted);padding:0 2px}input[type=date]::-webkit-datetime-edit-month-field{color:var(--text-color)}input[type=date]::-webkit-datetime-edit-day-field{color:var(--text-color)}input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-color)}::-webkit-calendar-picker{color:var(--text-color);background-color:var(--bg-color)}::-webkit-calendar-picker-indicator{border-radius:4px;padding:4px}::-webkit-calendar-picker-indicator:hover{background-color:var(--hover-bg)}.test-creds-wrapper{border:1px dashed var(--border-color);transition:var(--transition);background:#7b181805;border-radius:10px;margin-bottom:20px;padding:8px}.test-creds-toggle-btn{width:100%;color:var(--primary-color);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:600;display:flex}.test-creds-toggle-btn:hover{background:var(--hover-bg)}.chevron-icon{transition:transform var(--transition);color:var(--primary-color)}.chevron-icon.open{transform:rotate(180deg)}.test-creds-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;padding:0 4px;display:grid}.test-cred-chip{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;display:flex}.test-cred-chip:hover{border-color:var(--primary-color);background:var(--hover-bg);transform:translateY(-1px)}.role-dot{border-radius:50%;width:8px;height:8px}.admin-dot{background-color:var(--danger-color)}.student-dot{background-color:var(--success-color)}.guard-dot{background-color:var(--warning-color)}.caretaker-dot{background-color:#3b82f6}