:root{--primary: #8b5cf6;--primary-dark: #7c3aed;--primary-light: #c4b5fd;--accent: #22d3ee;--accent-dark: #06b6d4;--neon: #67e8f9;--neon-purple: #c084fc;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--danger-dark: #dc2626;--bg-base: #06061a;--bg-surface: #0a0a2e;--bg-card: rgba(139,92,246,.1);--bg-card-hover: rgba(139,92,246,.18);--bg-input: rgba(139,92,246,.12);--glass: rgba(139,92,246,.06);--glass-border: rgba(139,92,246,.25);--glass-border-hover: rgba(139,92,246,.6);--text-primary: #f8fafc;--text-secondary: #a5b4fc;--text-muted: #7c86b4;--text-accent: #c4b5fd;--gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);--gradient-purple-cyan: linear-gradient(135deg, #a78bfa 0%, #67e8f9 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #f97316 100%);--gradient-success: linear-gradient(135deg, #34d399 0%, #22d3ee 100%);--gradient-card: linear-gradient(135deg, rgba(139,92,246,.12) 0%, rgba(34,211,238,.06) 100%);--gradient-sidebar: linear-gradient(180deg, #0c0c28 0%, #080818 100%);--border: 1px solid rgba(139,92,246,.18);--border-active: 1px solid var(--primary);--shadow-sm: 0 2px 8px rgba(139,92,246,.15);--shadow-md: 0 4px 24px rgba(139,92,246,.2);--shadow-lg: 0 8px 48px rgba(139,92,246,.25);--shadow-glow: 0 0 60px rgba(139,92,246,.5);--shadow-glow-cyan: 0 0 60px rgba(34,211,238,.4);--shadow-card: 0 0 1px rgba(139,92,246,.4), 0 4px 30px rgba(139,92,246,.12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--sidebar-width: 260px;--navbar-height: 62px;--transition: all .2s cubic-bezier(.4,0,.2,1);--transition-slow: all .45s cubic-bezier(.22,1,.36,1);--transition-bounce: all .3s cubic-bezier(.34,1.56,.64,1);--app-viewport-height: 100dvh}@supports (height: 100svh){:root{--app-viewport-height: 100svh}}[data-theme=light]{--bg-base: #f4f2f9;--bg-surface: rgba(255, 255, 255, .82);--bg-card: rgba(255, 255, 255, .6);--bg-card-hover: rgba(255, 255, 255, .85);--bg-input: rgba(241, 243, 251, .7);--glass: rgba(255, 255, 255, .55);--glass-border: rgba(139, 92, 246, .12);--glass-border-hover: rgba(139, 92, 246, .28);--text-primary: #1e1b4b;--text-secondary: #475569;--text-muted: #94a3b8;--text-accent: #7c3aed;--gradient-card: linear-gradient(135deg, rgba(139,92,246,.04) 0%, rgba(34,211,238,.02) 100%);--gradient-sidebar: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(241,243,251,.95) 100%);--border: 1px solid rgba(139, 92, 246, .1);--border-active: 1px solid rgba(139, 92, 246, .4);--shadow-sm: 0 1px 3px rgba(99,102,241,.04), 0 1px 2px rgba(0,0,0,.03);--shadow-md: 0 4px 16px rgba(99,102,241,.06), 0 2px 4px rgba(0,0,0,.03);--shadow-lg: 0 12px 40px rgba(99,102,241,.08), 0 4px 12px rgba(0,0,0,.03);--shadow-glow: 0 0 30px rgba(139, 92, 246, .1);--shadow-glow-cyan: 0 0 30px rgba(34, 211, 238, .08);--shadow-card: 0 2px 8px rgba(99,102,241,.05), 0 8px 32px rgba(99,102,241,.04), 0 0 0 1px rgba(139,92,246,.06)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#8b5cf640}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#8b5cf673}[data-theme=light] .page-area{background-image:radial-gradient(ellipse 80% 50% at 30% 0%,rgba(139,92,246,.06) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 80% 90%,rgba(34,211,238,.04) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 5% 50%,rgba(192,132,252,.03) 0%,transparent 55%)}[data-theme=light] .page-area:before{background:radial-gradient(600px 600px at 20% 30%,rgba(139,92,246,.03) 0%,transparent 100%),radial-gradient(500px 500px at 80% 70%,rgba(34,211,238,.02) 0%,transparent 100%)}[data-theme=light] .sidebar{background:var(--gradient-sidebar);border-right-color:#8b5cf61a;box-shadow:1px 0 24px #6366f10f,0 0 0 1px #8b5cf614}[data-theme=light] .sidebar-logo{background:linear-gradient(180deg,rgba(139,92,246,.04) 0%,transparent 100%);border-bottom-color:#8b5cf61a}[data-theme=light] .sidebar-logo:after{background:linear-gradient(90deg,transparent,rgba(139,92,246,.15),rgba(34,211,238,.1),transparent)}[data-theme=light] .sidebar-footer{border-top-color:#8b5cf61a}[data-theme=light] .nav-item:hover{background:#8b5cf60f;border-color:#8b5cf61f}[data-theme=light] .nav-item.active{background:#8b5cf61a;color:#6366f1;border-color:#8b5cf633;box-shadow:0 0 16px #6366f114}[data-theme=light] .nav-item.active:before{box-shadow:0 0 8px #6366f166}[data-theme=light] .user-avatar{box-shadow:0 0 12px #6366f126}[data-theme=light] .navbar{background:#ffffffbf;box-shadow:0 1px 12px #6366f10f,0 1px #8b5cf614}[data-theme=light] .navbar:after{background:linear-gradient(90deg,transparent 5%,rgba(139,92,246,.12) 30%,rgba(34,211,238,.08) 60%,transparent 95%)}[data-theme=light] .card{background:#ffffffa6;border-color:#8b5cf614;box-shadow:var(--shadow-card)}[data-theme=light] .card:before{background:linear-gradient(168deg,rgba(255,255,255,.5) 0%,transparent 40%)}[data-theme=light] .card:after{background:linear-gradient(90deg,transparent,rgba(139,92,246,.12),rgba(34,211,238,.08),transparent)}[data-theme=light] .card:hover{border-color:#8b5cf62e;box-shadow:0 4px 20px #6366f114,0 12px 40px #6366f10d;transform:translateY(-2px)}[data-theme=light] .card-glass{background:#ffffff80;border-color:#8b5cf61a}[data-theme=light] .card-glass:before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.08),rgba(34,211,238,.05),transparent)}[data-theme=light] .stat-card{background:#ffffffa6;border-color:#8b5cf614}[data-theme=light] .stat-card .stat-edge-glow{background:linear-gradient(90deg,transparent,rgba(139,92,246,.15),rgba(34,211,238,.1),transparent)}[data-theme=light] .stat-card:after{background:radial-gradient(circle,rgba(139,92,246,.05),transparent 70%)}[data-theme=light] .stat-card:hover{box-shadow:0 4px 20px #6366f114,0 8px 32px #6366f10a;border-color:#8b5cf62e}[data-theme=light] .btn-ghost{background:#6366f10a;color:var(--text-secondary);border-color:#8b5cf61a}[data-theme=light] .btn-ghost:hover{background:#6366f114;border-color:#8b5cf62e}[data-theme=light] .form-input{background:#f1f3fb99;border-color:#8b5cf61f}[data-theme=light] .form-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f114,0 0 20px #6366f10f;background:#fffc}[data-theme=light] .form-input::placeholder{color:#94a3b899}[data-theme=light] .form-select{background:#f1f3fb99;border-color:#8b5cf61f}[data-theme=light] .form-select:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f114}[data-theme=light] .form-select option{background:#fff;color:#1e1b4b}[data-theme=light] .table-wrapper{border-color:#8b5cf61a;box-shadow:0 2px 12px #6366f10a}[data-theme=light] thead th{background:#f1f3fbb3;border-bottom-color:#8b5cf61a;color:#475569}[data-theme=light] tbody td{border-bottom-color:#8b5cf60f}[data-theme=light] tbody tr:hover{background:#8b5cf60a}[data-theme=light] .tabs{background:#f1f3fb80;border-color:#8b5cf61a;box-shadow:0 1px 6px #6366f10a}[data-theme=light] .tab:hover{background:#8b5cf60d}[data-theme=light] .tab.active{box-shadow:0 2px 8px #6366f133}[data-theme=light] .loading-spinner{border-color:#6366f11f;border-top-color:#6366f1;box-shadow:0 0 8px #6366f126}[data-theme=light] .login-page{background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(139,92,246,.08) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 15%,rgba(34,211,238,.06) 0%,transparent 50%),radial-gradient(ellipse 70% 45% at 50% 100%,rgba(192,132,252,.06) 0%,transparent 55%),linear-gradient(160deg,#f4f2f9,#eef0fb,#f4f2f9)}[data-theme=light] .login-page:before{background:radial-gradient(circle,rgba(139,92,246,.06) 0%,transparent 70%)}[data-theme=light] .login-page:after{background:radial-gradient(circle,rgba(34,211,238,.04) 0%,transparent 70%)}[data-theme=light] .login-card{background:#ffffffb8;border-color:#8b5cf61f;box-shadow:0 0 0 1px #8b5cf60f inset,0 12px 40px #6366f10f,0 4px 16px #0000000a}[data-theme=light] .login-card:before{background:linear-gradient(168deg,rgba(255,255,255,.6) 0%,transparent 35%)}[data-theme=light] .login-card:after{background:linear-gradient(90deg,transparent,rgba(139,92,246,.2),rgba(34,211,238,.12),rgba(139,92,246,.2),transparent)}[data-theme=light] .login-logo h1{background:linear-gradient(135deg,#1e1b4b,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .login-mark{background:linear-gradient(135deg,#6366f114,#22d3ee0d);border-color:#6366f126;box-shadow:0 4px 16px #6366f114}[data-theme=light] .login-card .form-input{background:#f1f3fb99;border-color:#8b5cf61f;color:#1e1b4b}[data-theme=light] .login-card .form-input::placeholder{color:#94a3b8b3}[data-theme=light] .login-card .form-input:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f114,0 0 16px #6366f10f;background:#fffc}[data-theme=light] .login-register-strip{border-top-color:#8b5cf61a}[data-theme=light] .login-register-link{color:#6366f1}[data-theme=light] .login-register-link:hover{color:#4f46e5}[data-theme=light] .login-demo{background:#f1f3fb80;border-color:#8b5cf614}[data-theme=light] .login-demo-row{background:#ffffff80;border-color:#8b5cf60f}[data-theme=light] .login-demo-cred code{color:#6366f1}[data-theme=light] .login-theme-toggle{background:#ffffffb8;color:#334155;border-color:#8b5cf61f;box-shadow:0 12px 30px #6366f114,0 2px 10px #0f172a0a}[data-theme=light] .login-theme-toggle:hover{background:#ffffffeb;border-color:#6366f138}[data-theme=light] .login-theme-toggle-icon{background:linear-gradient(135deg,#6366f11f,#22d3ee1f);color:#4f46e5}[data-theme=light] .login-eyebrow{color:#6366f1;background:#ffffffb8;border-color:#6366f11f}[data-theme=light] .alert-card{background:#ef44440d;border-color:#ef444426}[data-theme=light] .mobile-nav-toggle{border-color:#6366f133;background:#ffffffd9;color:#6366f1;box-shadow:0 2px 12px #6366f114}[data-theme=light] .sidebar-backdrop.show{background:#0f172a33}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;max-width:100vw;font-family:Space Grotesk,Inter,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease;overflow:hidden;overscroll-behavior:none}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{overflow-x:hidden;position:fixed}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}.app-layout{display:flex;height:var(--app-viewport-height);min-height:var(--app-viewport-height);overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;min-width:0;margin-left:var(--sidebar-width);transition:var(--transition)}.main-content>.fade-in{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.main-content>.fade-in>.navbar{flex-shrink:0}.page-area{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;min-width:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom,0px));background:var(--bg-base);background-image:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(139,92,246,.18) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 85% 85%,rgba(34,211,238,.1) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 5% 50%,rgba(192,132,252,.06) 0%,transparent 55%);position:relative;transition:background-color .4s ease,background-image .4s ease}.page-area:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 600px at 20% 30%,rgba(139,92,246,.07) 0%,transparent 100%),radial-gradient(500px 500px at 80% 70%,rgba(34,211,238,.05) 0%,transparent 100%);pointer-events:none;z-index:0;animation:ambientDrift 15s ease-in-out infinite alternate}.page-area>*{position:relative;z-index:1}@keyframes ambientDrift{0%{background-position:0% 0%,100% 100%}to{background-position:100% 100%,0% 0%}}.sidebar{width:var(--sidebar-width);height:var(--app-viewport-height);background:var(--gradient-sidebar);border-right:var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;padding:0;backdrop-filter:blur(24px);box-shadow:4px 0 60px #8b5cf633,1px 0 #8b5cf64d;transition:transform .3s ease,background .4s ease,border-color .4s ease,box-shadow .4s ease}.sidebar-backdrop,.sidebar-mobile-head{display:none}.sidebar-close-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.sidebar-logo{padding:22px 20px 18px;border-bottom:1px solid rgba(139,92,246,.2);position:relative;background:linear-gradient(180deg,rgba(139,92,246,.1) 0%,transparent 100%)}.sidebar-logo:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(34,211,238,.3),transparent)}.sidebar-logo h2{font-size:17px;font-weight:700;background:var(--gradient-purple-cyan);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;letter-spacing:-.3px}.sidebar-logo span{font-size:10.5px;color:var(--text-muted);font-weight:400;-webkit-text-fill-color:var(--text-muted);display:block;margin-top:3px;letter-spacing:.2px}.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto}.nav-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:12px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:2px 0;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;color:var(--text-muted);font-size:13.5px;font-weight:500;transition:var(--transition);border:1px solid transparent;position:relative}.nav-item:hover{background:#8b5cf61f;color:var(--text-primary);border-color:#8b5cf640}.nav-item.active{background:#8b5cf638;color:var(--primary-light);border-color:#8b5cf673;box-shadow:0 0 25px #8b5cf633}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:3px;background:var(--gradient-purple-cyan);box-shadow:0 0 12px #8b5cf6cc}.nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:12px;border-top:1px solid rgba(139,92,246,.2)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent}.sidebar-user:hover{background:#8b5cf61f;border-color:#8b5cf640}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-purple-cyan);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 0 16px #8b5cf680}.user-info{flex:1;min-width:0}.user-name{font-size:13px;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.user-role{font-size:11px;color:var(--text-muted);text-transform:capitalize}.navbar{height:var(--navbar-height);background:var(--bg-surface);border-bottom:var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50;box-shadow:0 4px 40px #8b5cf626,0 1px #8b5cf640;transition:background-color .4s ease,border-color .4s ease}.navbar:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(139,92,246,.4) 30%,rgba(34,211,238,.3) 60%,transparent 95%);pointer-events:none}.navbar-title{font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.navbar-actions{display:flex;align-items:center;gap:12px}.mobile-nav-toggle{display:none}.card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:20px;transition:var(--transition);box-shadow:var(--shadow-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(168deg,rgba(255,255,255,.06) 0%,transparent 40%);pointer-events:none}.card:after{content:"";position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(34,211,238,.3),transparent);pointer-events:none}.card:hover{border-color:#8b5cf666;box-shadow:0 0 30px #8b5cf626,0 4px 24px #8b5cf61a;transform:translateY(-2px)}.card-glass{background:#8b5cf60f;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-lg);padding:20px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card-glass:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),rgba(34,211,238,.4),transparent);pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;min-width:0}.stats-grid-scroll-hint{display:none;font-size:11px;color:var(--text-muted);margin:-12px 0 16px;text-align:center}.quick-actions-row{display:flex;gap:12px;flex-wrap:wrap}.quick-actions-row .btn{flex:1 1 auto;justify-content:center;min-width:0}.chatbot-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #00000040}.chatbot-avatar-img{width:72%;height:72%;object-fit:contain;display:block}[data-theme=light] .chatbot-avatar{border-color:#00000014}.chat-date-picker-wrap{margin-bottom:8px}.chat-date-picker{position:relative;display:flex;flex-direction:column;gap:10px}.chat-date-picker-trigger{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px;border-radius:14px;border:1px solid rgba(99,102,241,.5);background:linear-gradient(135deg,#6366f138,#4f46e51f);color:#f8fafc;cursor:pointer;text-align:left;touch-action:manipulation;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 4px 18px #6366f126;overflow:hidden;appearance:none}[data-theme=light] .chat-date-picker-trigger{background:linear-gradient(135deg,#6366f11f,#fffffff2);color:#0f172a;border-color:#6366f159}.chat-date-picker-trigger:not(:disabled):active{transform:scale(.98)}.chat-date-picker-trigger.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.chat-date-picker-icon-wrap{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#6366f159;color:#e0e7ff;flex-shrink:0}[data-theme=light] .chat-date-picker-icon-wrap{background:#6366f12e;color:#4f46e5}.chat-date-picker-trigger-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-date-picker-trigger-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-light)}.chat-date-picker-trigger-value{font-size:15px;font-weight:700;color:inherit;line-height:1.25}.chat-date-picker-chevron{flex-shrink:0;opacity:.65}.calendar-modal-backdrop{position:fixed;inset:0;background:#020617ad;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1200}.calendar-modal-card{width:min(360px,calc(100vw - 24px));max-width:100%;border-radius:22px;border:1px solid var(--glass-border);background:linear-gradient(180deg,#0a0a2ef5,#06061afa);box-shadow:var(--shadow-lg);padding:18px}[data-theme=light] .calendar-modal-card{background:#fffffff5}.calendar-modal-header,.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-modal-header{margin-bottom:14px}.calendar-modal-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.calendar-modal-title,.calendar-current-month{font-weight:700;color:var(--text-primary)}.calendar-nav-btn{border:1px solid var(--glass-border);background:var(--bg-card);color:var(--text-primary);border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer}.calendar-nav-btn:disabled{opacity:.45;cursor:not-allowed}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekdays{margin:16px 0 8px;color:var(--text-muted);font-size:11px;text-align:center}.calendar-day-btn{border:1px solid transparent;background:#ffffff08;color:var(--text-primary);border-radius:12px;min-height:40px;font-weight:600;cursor:pointer}[data-theme=light] .calendar-day-btn{background:#6366f10d}.calendar-day-btn.is-outside{color:var(--text-muted);opacity:.5}.calendar-day-btn.is-selected{background:var(--primary);color:#fff;box-shadow:0 10px 24px #6366f14d}.calendar-day-btn:disabled{opacity:.28;cursor:not-allowed}.chat-date-quick-row{display:flex;flex-wrap:wrap;gap:8px}.chat-date-quick-btn{flex:1 1 calc(50% - 4px);min-width:0;padding:9px 10px;border-radius:10px;border:1px solid rgba(99,102,241,.35);background:#ffffff0a;color:var(--primary-light);font-size:12px;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background .15s,color .15s}[data-theme=light] .chat-date-quick-btn{background:#6366f114;color:#4338ca}.chat-date-quick-btn:not(:disabled):active{background:var(--primary);color:#fff}.chat-date-quick-btn:disabled{opacity:.4;cursor:not-allowed}.chat-date-scroll-spacer{height:min(340px,42vh);flex-shrink:0}.stat-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);padding:22px 20px;position:relative;overflow:hidden;transition:var(--transition-bounce);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.stat-card .stat-edge-glow{position:absolute;top:-1px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(34,211,238,.3),transparent)}.stat-card:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gradient-primary);border-radius:3px 0 0 3px;box-shadow:0 0 8px #8b5cf680}.stat-card:after{content:"";position:absolute;top:-40px;right:-40px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15),transparent 70%);pointer-events:none}.stat-card.danger:before{background:var(--gradient-danger)}.stat-card.danger:after{background:radial-gradient(circle,rgba(239,68,68,.08),transparent 70%)}.stat-card.success:before{background:var(--gradient-success)}.stat-card.success:after{background:radial-gradient(circle,rgba(16,185,129,.08),transparent 70%)}.stat-card.warning:before{background:linear-gradient(135deg,#f59e0b,#f97316)}.stat-card.warning:after{background:radial-gradient(circle,rgba(245,158,11,.08),transparent 70%)}.stat-card:hover{transform:translateY(-3px);box-shadow:0 0 40px #8b5cf633,0 8px 32px #8b5cf61f;border-color:#8b5cf659}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:20px}.stat-value{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:var(--transition);text-decoration:none;white-space:nowrap;letter-spacing:.1px;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .2s}.btn:hover:after{background:#ffffff0f}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#8b5cf6);background-size:200% 200%;color:#fff;box-shadow:0 4px 24px #8b5cf673,0 1px #ffffff26 inset;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px #8b5cf699,0 0 20px #22d3ee33}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 12px #8b5cf666}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 4px 20px #ef444459}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 8px 28px #ef444473}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 20px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 8px 28px #10b98166}.btn-ghost{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.09)}.btn-ghost:hover{background:#ffffff17;color:var(--text-primary);border-color:#ffffff26}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 28px;font-size:15px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none}.form-group{margin-bottom:18px}.form-label{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary);margin-bottom:7px;letter-spacing:.2px;text-transform:uppercase}.form-input{width:100%;padding:12px 16px;background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .3s cubic-bezier(.22,1,.36,1);outline:none;position:relative}.form-input:focus{border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf626,0 0 30px #8b5cf633,0 0 60px #22d3ee14;background:#8b5cf624;transform:translateY(-1px)}.form-input::placeholder{color:#a5b4fc59}.form-select{width:100%;padding:11px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:var(--transition);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.form-select:focus{border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf633,0 0 20px #8b5cf64d}.form-select option{background:#0a0a2e;color:var(--text-primary)}.table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border-radius:var(--radius-lg);border:1px solid rgba(139,92,246,.3);backdrop-filter:blur(12px);box-shadow:0 0 20px #8b5cf626}table{width:100%;min-width:720px;border-collapse:collapse;font-size:13.5px}thead th{background:#8b5cf61a;padding:12px 16px;text-align:left;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--text-secondary);border-bottom:1px solid rgba(139,92,246,.3);font-family:Space Grotesk,sans-serif}tbody td{padding:13px 16px;border-bottom:1px solid rgba(139,92,246,.1);color:var(--text-primary);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:var(--transition)}tbody tr:hover{background:#8b5cf626}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background:#f59e0b26;color:#f59e0b}.badge-approved,.badge-resolved,.badge-in{background:#10b98126;color:#10b981}.badge-rejected{background:#ef444426;color:#ef4444}.badge-out{background:#6366f126;color:var(--primary-light)}.badge-progress{background:#06b6d426;color:var(--accent)}.alert-card{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);padding:16px 20px;display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{border-color:#ef44444d}50%{border-color:#ef4444b3;box-shadow:0 0 20px #ef444433}}.alert-icon{font-size:24px;flex-shrink:0}.alert-content h4{color:#ef4444;font-size:15px;font-weight:600;margin-bottom:4px}.alert-content p{color:var(--text-secondary);font-size:13px}.loading-spinner{width:28px;height:28px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--primary-light);border-radius:50%;animation:spin .6s linear infinite;box-shadow:0 0 12px #8b5cf64d}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:16px}.login-page{height:var(--app-viewport-height);min-height:var(--app-viewport-height);max-height:var(--app-viewport-height);background:radial-gradient(ellipse 90% 70% at 20% 10%,rgba(139,92,246,.3) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 85% 15%,rgba(34,211,238,.2) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(192,132,252,.15) 0%,transparent 55%),radial-gradient(ellipse 40% 30% at 60% 50%,rgba(34,211,238,.06) 0%,transparent 50%),linear-gradient(160deg,#06061a,#0a0a2e,#06061a);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden;overscroll-behavior:none;box-sizing:border-box}.login-theme-toggle{position:fixed;top:24px;right:24px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#090c268f;color:var(--text-primary);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 36px #00000038,0 0 0 1px #ffffff0a inset;font-size:12.5px;font-weight:700;letter-spacing:.15px;cursor:pointer;transition:var(--transition-slow)}.login-theme-toggle:hover{transform:translateY(-2px);border-color:#8b5cf652;box-shadow:0 18px 48px #00000047,0 0 30px #8b5cf629}.login-theme-toggle-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf647,#22d3ee33);color:#fff;box-shadow:0 8px 18px #8b5cf62e}.login-page:before{content:"";position:absolute;top:-200px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);pointer-events:none;animation:floatOrb 8s ease-in-out infinite alternate}.login-page:after{content:"";position:absolute;bottom:-150px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(34,211,238,.18) 0%,transparent 70%);pointer-events:none;animation:floatOrb 10s ease-in-out infinite alternate-reverse}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.1)}}.login-card{width:100%;max-width:var(--login-card-max-w, 640px);background:#0a0a2ee0;border:1px solid rgba(139,92,246,.35);border-radius:24px;padding:32px 0 24px;box-shadow:0 0 0 1px #8b5cf633 inset,0 24px 80px #00000080,0 0 100px #8b5cf640,0 0 40px #22d3ee14;position:relative;z-index:1;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:glowShift 4s ease-in-out infinite;box-sizing:border-box;display:flex;flex-direction:column}.login-card.login-card-oauth{max-height:calc(var(--app-viewport-height) - 32px);overflow:hidden;padding:0;margin:auto;flex-shrink:1}.login-hackathon-banner{flex-shrink:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 28px;background:linear-gradient(135deg,#7c3aed,#4f46e5,#0ea5e9)}.login-hackathon-banner-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 50%,transparent 100%);animation:loginBannerShimmer 2.5s infinite linear;background-size:200% 100%;pointer-events:none}@keyframes loginBannerShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.login-hackathon-banner-icon{font-size:16px;position:relative;z-index:1}.login-hackathon-banner-title{position:relative;z-index:1;font-size:13px;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase}.login-hackathon-banner-sub{position:relative;z-index:1;font-size:11px;color:#ffffffbf;font-weight:500}.login-card.login-card-oauth .login-eyebrow{margin-bottom:14px!important}.login-mark-oauth{width:72px;height:72px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:50%;background:transparent;border:none;box-shadow:none}.login-card.login-card-oauth .login-portal-switcher{margin-bottom:0!important}.login-card.login-card-oauth .login-demo-section{padding:clamp(14px,2vh,20px)!important}.login-card.login-card-oauth .login-google-btn{padding:16px 24px!important}.login-portal-switcher{display:flex;background:#ffffff0a;border-radius:16px;padding:6px;border:1px solid rgba(255,255,255,.08);gap:8px;width:100%}.login-portal-description-area{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2vh,18px);text-align:center;margin-top:clamp(16px,2.5vh,24px)}.login-portal-icon-wrap{width:68px;height:68px;border-radius:50%;border:2px solid transparent;display:flex;align-items:center;justify-content:center}.login-portal-text{font-size:clamp(13px,2.6vw,16px);color:var(--text-secondary);line-height:1.6;margin:0;max-width:440px}.login-portal-restriction{font-size:12px;font-weight:700;border:1.5px solid transparent;padding:9px 20px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;letter-spacing:.02em}.login-demo-divider{display:flex;align-items:center;gap:14px}.login-demo-divider-line{flex:1;height:1px;background:#ffffff1a}.login-demo-divider-text{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.login-card-inner{padding:clamp(24px,3.5vh,40px) var(--login-card-px, 52px) clamp(20px,3vh,32px);flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(16px,2.5vh,28px);justify-content:center}.login-demo-section{margin-bottom:0;padding:clamp(12px,2vh,18px);border-radius:16px;background:linear-gradient(135deg,#7c3aed1f,#0ea5e914);border:1.5px solid rgba(124,58,237,.35);box-shadow:0 4px 24px #7c3aed26}.login-demo-heading{font-size:clamp(11px,2.5vw,13px);font-weight:800;color:#a78bfa;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;text-align:center}.login-demo-desc{font-size:clamp(11px,2.5vw,13px);color:var(--text-secondary);text-align:center;line-height:1.45;max-width:420px;margin:0 auto 12px}.login-demo-grid{display:grid;grid-template-columns:var(--login-demo-cols, repeat(3, 1fr));gap:clamp(6px,1.5vw,10px)}.login-google-section{width:100%;padding-bottom:0;flex-shrink:0}.login-google-footnote{text-align:center;font-size:clamp(10px,2.2vw,11.5px);color:var(--text-muted);margin:10px 0 0;line-height:1.45}.login-card-oauth h1{font-size:clamp(24px,4.8vw,30px);font-weight:800;letter-spacing:-.5px;margin-bottom:clamp(6px,1.2vh,12px)}.login-card-oauth .login-subtitle{font-size:clamp(13px,2.8vw,16px);color:var(--text-muted);line-height:1.55;max-width:440px;margin:0 auto}.login-card::-webkit-scrollbar{display:none}.login-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(168deg,rgba(255,255,255,.07) 0%,transparent 35%);pointer-events:none}.login-card:after{content:"";position:absolute;top:-1px;left:15%;right:15%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.8),rgba(34,211,238,.6),rgba(139,92,246,.8),transparent);pointer-events:none;animation:edgeGlow 3s ease-in-out infinite}@keyframes edgeGlow{0%,to{opacity:.6;filter:blur(0px)}50%{opacity:1;filter:blur(1px)}}.login-logo{text-align:center;margin-bottom:32px}.login-eyebrow{display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(18px)}.login-mark{width:100px;height:100px;margin:0 auto 20px;border-radius:24px;background:linear-gradient(135deg,#7c3aed33,#06b6d426);border:1px solid rgba(124,58,237,.35);box-shadow:0 0 30px #7c3aed40;padding:14px;object-fit:contain}.login-logo h1{font-size:28px;font-weight:800;color:#f8fafc;letter-spacing:-.5px;background:linear-gradient(135deg,#f8fafc,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo p{font-size:14px;color:var(--text-muted);margin-top:8px;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.6}.login-card .form-label{color:var(--text-secondary);font-weight:600}.login-card .form-input{background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.login-card .form-input::placeholder{color:#94a3b880}.login-card .form-input:focus{border-color:#7c3aed99;box-shadow:0 0 0 3px #7c3aed33,0 0 20px #8b5cf64d;background:#ffffff1a}.login-card .btn-primary{margin-top:10px!important;min-height:48px;font-weight:700;font-size:15px;letter-spacing:.3px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#22d3ee,#8b5cf6);background-size:200% 200%;animation:gradientShift 3s ease infinite;box-shadow:0 6px 30px #8b5cf680,0 0 20px #22d3ee26,0 1px #fff3 inset}.login-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #8b5cf699,0 0 40px #22d3ee33,0 0 60px #8b5cf626}.login-register-strip{text-align:center;margin-top:18px;padding:14px 0 4px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:var(--text-muted)}.login-register-link{color:var(--primary-light);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:6px}.login-register-link:hover{color:#e0d5ff;text-decoration:underline}.login-demo{margin-top:18px;padding:14px 14px 12px;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.login-demo-title{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.login-demo-sub{font-weight:600;text-transform:none;letter-spacing:0;color:var(--text-muted)}.login-demo-grid{display:grid;gap:6px}.login-demo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.login-demo-role{font-weight:700;font-size:12px;color:var(--text-secondary)}.login-demo-cred code{color:var(--primary-light);font-family:JetBrains Mono,monospace;font-size:11px}:root{--login-card-px: 52px;--login-card-max-w: 640px;--login-demo-cols: repeat(3, 1fr)}@media (max-width: 640px){:root{--login-card-px: 16px;--login-demo-cols: repeat(3, minmax(0, 1fr))}.login-theme-toggle{top:12px!important;right:12px!important;padding:6px!important;border-radius:50%!important}.login-theme-toggle-text{display:none!important}.login-page{min-height:var(--app-viewport-height)!important;height:var(--app-viewport-height)!important;max-height:var(--app-viewport-height)!important;overflow:hidden!important;padding:12px 10px!important;overscroll-behavior:none!important}.login-card,.login-card-oauth{padding:0!important;border-radius:18px!important;max-height:calc(var(--app-viewport-height) - 24px)!important;overflow:hidden!important;margin:auto!important}.login-hackathon-banner{display:none!important}.login-hackathon-banner-sub{display:none}.login-card-inner{padding:18px var(--login-card-px) 16px!important;gap:14px!important}.login-mark-oauth{width:58px!important;height:58px!important;margin-bottom:12px!important}.login-portal-description-area{gap:10px!important;margin-top:14px!important}.login-portal-icon-wrap{width:56px!important;height:56px!important}.login-portal-text{font-size:12px!important;line-height:1.5!important}.login-portal-restriction{font-size:10px!important;padding:6px 12px!important}.login-demo-desc{font-size:11px!important;margin-bottom:8px!important}.login-google-footnote{font-size:10px!important;margin-top:8px!important}.login-logo h1{font-size:22px!important}.login-mark{width:54px!important;height:54px!important;padding:8px!important}.login-demo-section{padding:10px!important}.login-demo-heading{font-size:10px!important;margin-bottom:4px!important}.login-demo-grid button{padding:10px 4px!important}.login-demo-grid button span:first-child{font-size:18px!important}.login-demo-grid button span:nth-child(2){font-size:10px!important}.login-demo-grid button span:last-child{font-size:9px!important}}@media (max-width: 380px){:root{--login-card-px: 12px}.login-portal-btn{font-size:11px!important;padding:9px 2px!important}.login-portal-btn svg{width:14px!important;height:14px!important}}@media (max-height: 900px){.login-hackathon-banner{display:none}.login-card-inner{padding-top:18px;padding-bottom:18px;gap:12px}.login-mark-oauth{width:60px;height:60px;margin-bottom:12px}.login-card.login-card-oauth h1{font-size:22px!important;margin-bottom:6px!important}.login-card.login-card-oauth .login-subtitle{font-size:13px!important;line-height:1.4!important}.login-portal-description-area{gap:10px;margin-top:14px}.login-portal-icon-wrap{width:56px;height:56px}.login-demo-desc{font-size:12px!important;margin-bottom:8px!important}.login-google-footnote{margin-top:8px!important}}@media (max-height: 700px){.login-card{padding-top:16px!important;padding-bottom:12px!important}.login-card-inner{padding-top:14px!important;gap:8px!important}.login-eyebrow{margin-bottom:8px!important;padding:5px 10px!important;font-size:9px!important}.login-mark{width:48px!important;height:48px!important;margin-bottom:8px!important}.login-card-oauth h1{font-size:20px!important;margin-bottom:4px!important}.login-card-oauth .login-subtitle{font-size:12px!important;line-height:1.4!important}.login-hackathon-banner{display:none!important}.login-portal-switcher{margin-bottom:0!important}.login-portal-description-area{gap:8px!important;margin-top:10px!important}.login-portal-icon-wrap{width:48px!important;height:48px!important}.login-portal-text{font-size:11px!important;line-height:1.45!important}.login-demo-section{padding:10px!important}.login-google-btn{padding:12px 16px!important;font-size:14px!important}}@media (max-height: 860px){.login-logo{margin-bottom:22px!important}.login-mark{width:84px!important;height:84px!important;margin-bottom:14px!important}.login-logo h1{font-size:24px!important}.login-logo p{font-size:13px!important;line-height:1.45!important}.login-card{padding:28px 0 22px!important}.login-demo{margin-top:14px!important;padding:12px!important}}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:var(--bg-card);border:var(--border);border-radius:var(--radius-xl)}.qr-image{border-radius:var(--radius-lg);border:4px solid var(--primary);box-shadow:var(--shadow-glow)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.section-title{font-size:20px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.section-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.filters-row,.section-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filters-row{margin-bottom:20px}@keyframes qrLaserSweep{0%{top:8%;opacity:1}48%{opacity:1}50%{top:88%;opacity:.6}52%{opacity:1}to{top:8%;opacity:1}}@keyframes qrCornerPulse{0%,to{opacity:.6}50%{opacity:1}}#qr-reader__scan_region{position:relative;overflow:hidden}#qr-reader__scan_region:after{content:"";position:absolute;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent 0%,#8b5cf6 20%,#22d3ee 50%,#8b5cf6 80%,transparent 100%);box-shadow:0 0 8px #8b5cf6cc,0 0 16px #22d3ee80;border-radius:1px;animation:qrLaserSweep 2s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes scanSuccessRing{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 14px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes scanErrorRing{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 14px #ef444400}to{box-shadow:0 0 #ef444400}}#qr-reader video{object-fit:cover;width:100%!important;height:100%!important}.security-pending-card{position:relative;overflow:hidden;transition:background .15s,border-color .15s,transform .1s}.security-pending-card:active{transform:scale(.98)}.security-dashboard-layout{display:flex;flex-direction:column;gap:24px;min-width:0}.security-panel-grid{display:grid;align-items:start;min-width:0}.security-live-panel{min-height:0;min-width:0;overflow:visible}.security-live-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.security-live-panel-header>div:first-child{flex:1;min-width:0}.security-column-grid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-width:0}.security-column{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:12px;min-height:120px;display:flex;flex-direction:column;min-width:0}.security-column-body{min-height:0;max-height:50vh;overflow-y:auto}.security-scroll-list{max-height:min(50vh,420px);overflow-y:auto;padding-right:4px;-webkit-overflow-scrolling:touch}.security-pending-card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;min-width:0}.security-pending-card-main{flex:1;min-width:0}.security-pending-card-name{font-weight:700;font-size:13.5px;color:var(--text-primary);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-pending-awaiting{display:inline-block;margin-left:6px;font-size:10px;font-weight:800;color:#fbbf24;text-transform:uppercase;vertical-align:middle}.security-pending-card-meta{font-size:11.5px;color:var(--text-muted);margin-top:2px;line-height:1.4;word-break:break-word}.security-pending-card-note{font-size:11px;color:#fbbf24;margin-top:4px;line-height:1.35}.security-pending-card-time{flex-shrink:0;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.security-pending-card-time.is-selected{color:var(--primary-light)}.security-pending-card-hint{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:var(--text-muted);text-align:center}.tabs{display:flex;gap:4px;background:#8b5cf60f;border-radius:var(--radius-lg);padding:4px;border:1px solid rgba(139,92,246,.2);margin-bottom:20px;flex-wrap:wrap;box-shadow:0 0 15px #8b5cf614}.tab{flex:1;min-width:120px;padding:10px 16px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--text-secondary);transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:6px}.tab:hover{color:var(--text-primary);background:var(--glass)}.tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 12px #6366f166}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes neonPulse{0%,to{box-shadow:0 0 20px #8b5cf633}50%{box-shadow:0 0 40px #8b5cf666,0 0 60px #22d3ee26}}@keyframes glowShift{0%{border-color:#8b5cf64d}50%{border-color:#22d3ee66}to{border-color:#8b5cf64d}}.neon-pulse{animation:neonPulse 3s ease-in-out infinite}.glow-shift{animation:glowShift 4s ease-in-out infinite}@media (max-width: 1024px){.page-area{padding:18px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.security-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){:root{--sidebar-width: 100%;--navbar-height: 54px}.app-layout{height:var(--app-viewport-height);min-height:var(--app-viewport-height);max-height:var(--app-viewport-height);flex-direction:row}.sidebar{position:fixed;top:0;left:0;width:min(86vw,320px);height:var(--app-viewport-height);z-index:150;border-right:var(--border);border-bottom:none;transform:translate(-105%);transition:transform .22s ease}.sidebar.mobile-open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0206178f;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:140}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.sidebar-mobile-head{display:flex;justify-content:flex-end;padding:8px 10px 0}.sidebar-logo{padding:12px 14px 10px}.sidebar-nav{padding:8px 10px;max-height:none;overflow-y:auto}.nav-section-label{padding:6px 4px;font-size:9px}.nav-item{padding:9px 10px;font-size:13px;margin:0}.sidebar-footer{padding:8px 10px 10px}.main-content{margin-left:0;min-height:0;flex:1;width:100%;max-width:100vw;overflow:hidden}.main-content>.fade-in{height:100%;max-height:100%}.page-area{padding:12px;padding-bottom:max(20px,calc(12px + env(safe-area-inset-bottom,0px)))}.mobile-nav-toggle{display:inline-flex;position:fixed;left:10px;top:10px;z-index:130;border:1px solid rgba(124,58,237,.4);background:#04040fd9;color:var(--primary-light);width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 0 20px #7c3aed33}.navbar{padding:0 12px 0 56px}.navbar-title{font-size:16px}.navbar-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.card,.card-glass,.stat-card{padding:14px}.section-title{font-size:18px}.section-subtitle{font-size:12px}.stats-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px;padding:0}.stats-grid .stat-card{width:100%;min-width:0}.stats-grid-scroll-hint{display:none}.quick-actions-row{flex-direction:column}.quick-actions-row .btn{width:100%;flex:1 1 100%}thead th,tbody td{padding:10px 12px;font-size:12px}.btn{padding:9px 14px;font-size:13px;white-space:normal}.filters-row>*{flex:1 1 180px;min-width:0}.security-dashboard-layout{display:flex;flex-direction:column;gap:16px}.security-panel-grid{order:1}.security-live-panel{order:2}.security-column-grid{grid-template-columns:1fr}.security-column{min-height:100px}.security-scroll-list{max-height:min(36vh,280px)}.security-panel-grid .card #qr-reader{min-height:240px!important}#qr-reader video{object-fit:cover!important;border-radius:var(--radius-md)}#qr-reader__scan_region:after{height:1.5px}.security-pending-card{min-height:52px;touch-action:manipulation}.calendar-modal-card{width:min(320px,calc(100vw - 32px));border-radius:16px;padding:14px}.calendar-weekdays,.calendar-grid{gap:6px}.calendar-weekdays{margin:12px 0 6px}.calendar-day-btn{border-radius:10px;min-height:36px;font-size:13px}}@media (max-width: 480px){.security-column-grid{grid-template-columns:1fr}.security-scroll-list{max-height:min(32vh,240px)}.sidebar-logo h2{font-size:16px}.sidebar-logo span{font-size:10px}.user-name{font-size:12px}.user-role{font-size:10px}.section-header{align-items:flex-start}.section-title{font-size:16px}.table-wrapper{border-radius:var(--radius-md)}table{min-width:640px}.badge{font-size:10px;padding:2px 8px}.section-actions,.filters-row{width:100%}}@media (max-width: 640px){.login-card-oauth{border-radius:18px!important;max-height:calc(var(--app-viewport-height) - 24px)!important;overflow:hidden!important;margin:auto!important}.login-card-oauth .login-eyebrow{margin-bottom:8px!important;font-size:9px!important;padding:5px 10px!important}.login-card-oauth .login-mark{width:54px!important;height:54px!important;margin:0 auto 8px!important}.login-card-oauth h1{font-size:22px!important;margin-bottom:4px!important}.login-card-oauth .login-subtitle{font-size:12px!important;max-width:100%!important}.login-portal-switcher{border-radius:12px!important;padding:4px!important;gap:4px!important;margin-bottom:0!important}.login-portal-btn{padding:9px 4px!important;font-size:12px!important;gap:4px!important}.login-google-btn{padding:12px 16px!important;font-size:13.5px!important;border-radius:12px!important}}