@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#fff;--surface:#f8fafc;--surface-elevated:#f1f5f9;--divider:#e2e8f0;--heading:#0f172a;--body:#1e293b;--secondary:#475569;--muted:#64748b;--disabled:#94a3b8;--primary:#002d62;--primary-hover:#001a3d;--primary-soft:#eef3ff;--primary-disabled:#a9bcff;--hairline:#e2e8f0;--border-strong:#cbd5e1;--border-subtle:#f1f5f9;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--purple:#8b5cf6;--cyan:#06b6d4;--success-bg:#dcfce7;--success-tx:#15803d;--warning-bg:#fef3c7;--warning-tx:#b45309;--info-bg:#dbeafe;--info-tx:#1d4ed8;--danger-bg:#fee2e2;--danger-tx:#b91c1c;--on-primary:#fff;--radius-card:14px;--radius-btn:10px;--font:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-w:236px}html[data-theme=dark]{--bg:#09090b;--surface:#111827;--surface-elevated:#1e293b;--divider:#273449;--heading:#f8fafc;--body:#e2e8f0;--secondary:#cbd5e1;--muted:#94a3b8;--disabled:#64748b;--primary:#4f7bff;--primary-hover:#6a90ff;--primary-soft:#172554;--primary-disabled:#4c5e9d;--hairline:#1e293b;--border-strong:#334155;--border-subtle:#273449;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#22d3ee;--purple:#a78bfa;--cyan:#22d3ee;--success-bg:#052e16;--success-tx:#4ade80;--warning-bg:#451a03;--warning-tx:#fbbf24;--info-bg:#082f49;--info-tx:#38bdf8;--danger-bg:#450a0a;--danger-tx:#f87171}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skel{background:var(--divider);border-radius:8px;position:relative;overflow:hidden}html[data-theme=dark] .skel{background:var(--surface-elevated)}.skel:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}html[data-theme=dark] .skel:after{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}.dashboard-shell{background:var(--bg);min-height:100vh;color:var(--body);font-family:var(--font);display:flex}.dash-sidebar{width:var(--sidebar-w);background:var(--bg);border-right:1px solid var(--hairline);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sb-brand{border-bottom:1px solid var(--hairline);align-items:center;gap:10px;padding:20px 18px;display:flex}.sb-mark{background:var(--primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sb-mark img{object-fit:contain;width:24px;height:24px}.sb-brand .name{color:var(--heading);font-size:14px;font-weight:800;line-height:1.2}.sb-brand .name .s2{color:var(--primary)}.sb-brand .sub{color:var(--muted);margin-top:1px;font-size:10.5px}.sb-nav{flex:1;padding:12px 10px;overflow-y:auto}.sb-link{color:var(--secondary);cursor:pointer;border-radius:9px;align-items:center;gap:11px;margin-bottom:2px;padding:9px 11px;font-size:12.8px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.sb-link svg{width:17px;height:17px;color:var(--muted);flex-shrink:0;transition:color .2s}.sb-link:hover{background:var(--surface);color:var(--heading)}.sb-link.active{background:var(--primary-soft);color:var(--primary)}.sb-link.active svg{color:var(--primary)}.sb-account{border-top:1px solid var(--hairline);cursor:pointer;align-items:center;gap:10px;padding:14px 18px;display:flex}.sb-avatar{background:var(--primary);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:flex}.sb-account .n{color:var(--heading);font-size:12.5px;font-weight:700}.sb-account .r{color:var(--muted);text-transform:capitalize;font-size:10.5px}.sb-account svg{width:14px;height:14px;color:var(--muted);margin-left:auto}.dash-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--hairline);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.topbar h1{color:var(--heading);margin:0;font-size:21px;font-weight:800}.topbar .sub{color:var(--muted);margin-top:2px;font-size:12.5px}.top-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-pick{border:1px solid var(--hairline);color:var(--body);background:var(--surface);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.date-pick svg{width:14px;height:14px;color:var(--muted)}.bell-wrap{background:var(--surface);border:1px solid var(--hairline);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.bell-wrap svg{width:17px;height:17px;color:var(--body)}.bell-count{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9.5px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.dash-btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex;box-shadow:0 8px 18px -8px #002d6280}.dash-btn-primary:hover{background:var(--primary-hover)}.dash-btn-primary svg{width:15px;height:15px}.dash-btn-outline{background:var(--surface);color:var(--body);border:1px solid var(--hairline);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.dash-btn-outline:hover{border-color:var(--primary);color:var(--primary)}.dash-content{flex:1;padding:24px 28px 60px}.stat-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px;display:grid}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d}.stat-ic{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:12px;display:flex}.stat-ic svg{width:16px;height:16px}.stat-label{color:var(--muted);margin-bottom:4px;font-size:11.5px;font-weight:600}.stat-value{color:var(--heading);letter-spacing:-.01em;font-size:22px;font-weight:800}.stat-delta{font-size:11px;font-family:var(--font-mono);color:var(--success-tx);align-items:center;gap:3px;margin-top:6px;display:flex}.stat-delta svg{width:11px;height:11px}.stat-delta.info{color:var(--info-tx)}.stat-delta.warn{color:var(--warning-tx)}.grid-3{grid-template-columns:1.3fr 1fr 1fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}@media (width<=1000px){.grid-3{grid-template-columns:1fr}}.grid-3.two-col{grid-template-columns:1fr 1fr}@media (width<=1000px){.grid-3.two-col{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);overflow:hidden}.panel-head{border-bottom:1px solid var(--hairline);background:var(--bg);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.panel-head h2{color:var(--heading);margin:0;font-size:14px;font-weight:700}.panel-head .sub{color:var(--muted);margin-top:1px;font-size:11px}.panel-head .link{color:var(--primary);cursor:pointer;align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex}.panel-head .link svg{width:12px;height:12px}.panel-body{padding:16px 18px}.status-chip{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.status-chip.done,.status-chip.healthy{background:var(--success-bg);color:var(--success-tx)}.status-chip.ongoing,.status-chip.info{background:var(--info-bg);color:var(--info-tx)}.status-chip.upcoming,.status-chip.draft{background:var(--surface-elevated);color:var(--muted);border:1px solid var(--hairline)}.status-chip.rejected,.status-chip.error{background:var(--danger-bg);color:var(--danger-tx)}.status-chip.warning{background:var(--warning-bg);color:var(--warning-tx)}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--hairline);padding:12px 16px;font-size:11px;font-weight:700}.data-table td{color:var(--body);border-bottom:1px solid var(--hairline);padding:13px 16px;font-size:12.8px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg)}.mobile-menu-btn{border:1px solid var(--hairline);background:var(--surface);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:none}.mobile-menu-btn svg{width:18px;height:18px;color:var(--heading)}@media (width<=840px){.mobile-menu-btn{display:flex}.dash-sidebar{z-index:50;transition:left .3s;position:fixed;left:-100%}.dash-sidebar.open{left:0;box-shadow:0 0 20px #0000001a}.sidebar-backdrop{display:none}.sidebar-backdrop.open{z-index:40;background:#0006;display:block;position:fixed;inset:0}.topbar{gap:12px;padding:14px 16px}.dash-content{padding:16px 16px 40px}.date-pick,.dash-btn-primary,.dash-btn-outline{padding:8px 12px;font-size:11.5px}.topbar h1{font-size:18px}}.dash-input{border:1px solid var(--hairline);background:var(--bg);width:100%;color:var(--body);font-family:var(--font);border-radius:9px;padding:10px 14px;font-size:13px}.dash-input:focus{outline:2px solid var(--primary);outline-offset:-1px}.dash-textarea{border:1px solid var(--hairline);background:var(--bg);width:100%;color:var(--body);font-family:var(--font);resize:vertical;border-radius:9px;min-height:100px;padding:10px 14px;font-size:13px}.dash-textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.dash-label{color:var(--heading);margin-bottom:6px;font-size:12px;font-weight:600;display:block}:where(a,button,[role=tab],[role=button],input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.sb-link:focus-visible{outline-offset:-2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skel:after{animation:none}}.sb-section{text-transform:uppercase;letter-spacing:.06em;color:var(--disabled);padding:14px 11px 6px;font-size:10px;font-weight:700}.sb-account{cursor:default;justify-content:space-between}.sb-account-btn{cursor:pointer;text-align:left;min-width:0;font-family:var(--font);background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:0;display:flex}.sb-account-text{flex-direction:column;min-width:0;display:flex}.sb-account-text .n{color:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.sb-account-text .r{color:var(--muted);font-size:10.5px}.sb-logout{cursor:pointer;color:var(--danger);background:0 0;border:none;border-radius:7px;flex-shrink:0;align-items:center;padding:6px;display:flex}.sb-logout:hover{background:var(--danger-bg)}.mobile-menu-btn.floating{z-index:60;position:fixed;top:12px;left:12px}@media (width>=841px){.mobile-menu-btn.floating{display:none}}@media (width<=840px){.topbar{padding-left:62px}}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}@media (width<=1000px){.grid-2{grid-template-columns:1fr!important}}.quick-links{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.tab-strip{border-bottom:1px solid var(--hairline);background:var(--bg);gap:8px;padding:0 28px;display:flex;overflow-x:auto}.tab-btn{cursor:pointer;font-family:var(--font);color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:13px;font-weight:600}.tab-btn:hover{color:var(--heading)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}@media (width<=840px){.tab-strip{padding:0 16px}}.chip-row{gap:10px;margin-bottom:22px;padding-bottom:6px;display:flex;overflow-x:auto}.session-chip{border:1px solid var(--hairline);background:var(--surface);border-radius:var(--radius-card);cursor:pointer;text-align:left;min-width:160px;font-family:var(--font);flex-direction:column;flex-shrink:0;gap:3px;padding:12px 16px;display:flex}.session-chip:hover{border-color:var(--border-strong)}.session-chip.active{border-color:var(--primary);background:var(--primary-soft)}.session-chip .t{color:var(--heading);font-size:12.5px;font-weight:700}.session-chip .s{color:var(--muted);font-size:11px}.qr-frame{border:1px solid var(--hairline);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:190px;height:190px;margin:0 auto;padding:10px;display:flex}.qr-placeholder{text-align:center;border:1px dashed var(--border-strong);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:190px;min-height:190px;margin:0 auto;padding:16px;display:flex}.qr-placeholder p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.qr-caption{color:var(--muted);margin:12px 0 0;font-size:11.5px}.qr-meta{margin-top:14px}.qr-meta .loc{color:var(--heading);font-size:13.5px;font-weight:700}.qr-meta .code{font-family:var(--font-mono);color:var(--muted);margin-top:2px;font-size:11px}.live-count{font-family:var(--font-mono);color:var(--body);justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:13px;display:flex}.live-count strong{color:var(--heading);font-size:22px;font-weight:800}.pulse-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-bg);border-radius:50%;animation:1.6s ease-in-out infinite si-pulse}@keyframes si-pulse{0%,to{opacity:1}50%{opacity:.4}}.progress-bar{background:var(--primary-soft);border-radius:4px;height:8px;margin-top:14px;overflow:hidden}.progress-bar>div{background:var(--primary);border-radius:4px;height:100%;transition:width .4s}.progress-label{color:var(--muted);font-size:11px;font-family:var(--font-mono);justify-content:space-between;margin-top:6px;display:flex}.roster-toolbar{border-bottom:1px solid var(--hairline);align-items:center;gap:8px;padding:12px 18px;display:flex}.roster-toolbar svg{color:var(--muted);flex-shrink:0}.roster-toolbar input{border:1px solid var(--hairline);background:var(--surface-elevated);color:var(--body);font-size:12.8px;font-family:var(--font);border-radius:9px;flex:1;padding:8px 12px}.who{align-items:center;gap:10px;display:flex}.who .avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.who .n{color:var(--heading);font-size:12.5px;font-weight:600}.panel-tag{font-family:var(--font-mono);color:var(--muted);font-size:10.5px}.composer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.composer-foot .hint{color:var(--muted);font-size:11.5px}.notice{border-radius:9px;align-items:flex-start;gap:9px;margin-top:14px;padding:11px 14px;font-size:12.5px;line-height:1.5;display:flex}.notice svg{flex-shrink:0;margin-top:1px}.notice-info{background:var(--info-bg);color:var(--info-tx)}.notice-ok{background:var(--success-bg);color:var(--success-tx)}.notice-warn{background:var(--warning-bg);color:var(--warning-tx)}.notice-err{background:var(--danger-bg);color:var(--danger-tx)}.field-label{color:var(--heading);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field-set{border:none;margin:0 0 20px;padding:0}.radio-row{border:1px solid var(--hairline);cursor:pointer;background:var(--bg);border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:12px 16px;transition:border-color .2s,background-color .2s;display:flex}.radio-row:hover,.radio-row.selected{border-color:var(--primary);background:var(--primary-soft)}.radio-row input[type=radio]{accent-color:var(--primary);flex-shrink:0;width:16px;height:16px;margin-top:3px}.radio-row>span{flex:1;min-width:0}.radio-label{color:var(--heading);font-size:13.5px;font-weight:600;line-height:1.3;display:block}.radio-detail{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.4;display:block}.detail-list{grid-template-columns:110px 1fr;gap:8px 14px;margin:0;font-size:12.8px;display:grid}.detail-list dt{color:var(--muted);font-weight:600}.detail-list dd{color:var(--body);margin:0}.mini-stats{gap:28px;display:flex}.mini-stat-value{color:var(--heading);font-size:24px;font-weight:800}.mini-stat-label{color:var(--muted);margin-top:2px;font-size:11.5px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.search-field{border:1px solid var(--hairline);background:var(--surface);border-radius:10px;flex:1;align-items:center;gap:9px;min-width:200px;max-width:340px;padding:9px 13px;display:flex}.search-field svg{color:var(--muted);flex-shrink:0}.search-field input{font-family:var(--font);color:var(--body);background:0 0;border:none;outline:none;width:100%;font-size:12.8px}.seg-row{flex-wrap:wrap;gap:6px;display:flex}.seg-btn{font-family:var(--font);border:1px solid var(--hairline);background:var(--bg);color:var(--secondary);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:600}.seg-btn.on{background:var(--primary);border-color:var(--primary);color:#fff}.log-table td.log-msg{font-family:var(--font-mono);font-size:11.5px}.table-foot{color:var(--muted);border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;display:flex}:root{--bg-primary:#f1f5f9;--bg-secondary:#e2e8f0;--brand-primary:#0f172a;--brand-primary-glow:#0f172a26;--brand-secondary:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#0f172a14;--border-hover:#0f172a26;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", system-ui, -apple-system, sans-serif;--glass-bg:#ffffffd9;--glass-border:1px solid #ffffff80;--glass-blur:blur(20px);--glass-shadow:0 8px 32px #0f172a14;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 10% 10%,#3b82f60d 0%,#0000 50%),radial-gradient(circle at 90% 90%,#6366f114 0%,#0000 50%);background-attachment:fixed;min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;transition:transform .3s,box-shadow .3s}.glass-panel:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0f172a1f}.text-gradient{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--brand-primary), #1e293b);color:#fff;letter-spacing:.01em;transition:var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #0f172a26}.btn-primary:hover{background:linear-gradient(135deg, #1e293b, var(--brand-primary));transform:translateY(-2px);box-shadow:0 8px 20px #0f172a40}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);transition:var(--transition-fast);background:#fffc;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);background:#fff;box-shadow:0 4px 12px #0000000d}.layout-container{width:100%;min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border-right:1px solid #fffc;flex-direction:column;width:280px;padding:2.5rem 1.5rem;transition:transform .3s;display:flex;box-shadow:2px 0 24px #0f172a08}.sidebar h2{color:var(--text-primary);margin-bottom:2rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.sidebar-nav a{color:var(--text-secondary);border-radius:12px;align-items:center;gap:12px;padding:.875rem 1.25rem;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--brand-secondary);background:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000005}.main-content{flex:1;padding:3rem;overflow-y:auto}.mobile-nav-toggle{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:none;box-shadow:0 2px 8px #0000000d}@media (width<=840px){.sidebar{z-index:100;height:100vh;position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-nav-toggle{z-index:101;display:flex;position:fixed;top:1rem;left:1rem}.main-content{padding:4rem 1.5rem 2rem}}.dashboard-container{max-width:1400px;margin:0 auto;padding:1rem 3rem 3rem}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;display:grid}.responsive-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1rem;display:grid}@media (width<=768px){.dashboard-container{padding:1rem 0}.responsive-grid{grid-template-columns:1fr;gap:1.5rem}.responsive-form-grid{grid-template-columns:1fr}.role-user-item{gap:1rem;flex-direction:column!important;align-items:flex-start!important}.role-user-item>div:last-child{width:100%}.role-user-item select{width:100%!important}.main-content{padding:4rem 1rem 1rem}.glass-panel{padding:1.5rem!important}.admin-tabs{gap:.5rem;padding-bottom:.5rem}.admin-tab{padding:.5rem 1rem;font-size:.95rem}}.login-layout{background:var(--bg);min-height:100vh;display:flex}.login-branding{background:linear-gradient(135deg, var(--primary) 0%, #1e1b4b 100%);color:#fff;flex:1.2;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative;overflow:hidden}.login-branding-overlay{opacity:.5;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+CjxwYXRoIGQ9Ik0wIDBoNDB2NDBIMHoiIGZpbGw9Im5vbmUiLz4KPGNpcmNsZSBjeT0iMjAiIGN5PSIyMCIgcj0iMSIgZmlsbD0icmdiYSgyNTUsIDI1NSLCAyNTUsIDAuMSkiLz4KPC9zdmc+);position:absolute;inset:0}.glowing-orb{filter:blur(80px);z-index:0;border-radius:50%;position:absolute}.orb-1{background:#6366f166;width:400px;height:400px;animation:10s ease-in-out infinite float;top:-100px;left:-100px}.orb-2{background:#a855f74d;width:300px;height:300px;animation:12s ease-in-out infinite reverse float;bottom:-50px;right:-50px}@keyframes float{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}to{transform:translateY(0)scale(1)}}.login-branding-content{z-index:1;max-width:480px;position:relative}.logo-container{margin-bottom:1.5rem;display:inline-block}.logo-container img{filter:drop-shadow(0 8px 12px #0003);height:140px}.login-branding h1{background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.login-branding .tagline{color:#94a3b8;text-align:right;margin-bottom:4rem;font-family:Georgia,serif;font-size:1.5rem;font-style:italic}.branding-features{flex-direction:column;gap:1.5rem;display:flex}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;transition:transform .3s,background .3s;display:flex}.feature-item:hover{background:#ffffff1a;transform:translate(10px)}.feature-icon{background:var(--primary);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 16px #0f172a33}.feature-item h3{margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.feature-item p{color:#94a3b8;font-size:.9rem}.login-form-container{background:var(--surface);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-wrapper{width:100%;max-width:420px}.login-form-header{text-align:center;margin-bottom:2.5rem}.login-form-header h2{color:var(--heading);margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-form-header p{color:var(--muted);font-size:1.05rem}.modern-login-form .input-group{margin-bottom:1.5rem}.modern-login-form label{color:var(--heading);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--muted);transition:color .3s;position:absolute;left:1rem}.input-wrapper input{border:1px solid var(--border-color);background:var(--surface-elevated);width:100%;color:var(--heading);border-radius:12px;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .3s}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);background:var(--surface);outline:none}.input-wrapper input:focus+.input-icon,.input-wrapper input:not(:placeholder-shown)+.input-icon{color:var(--primary)}.form-options{justify-content:space-between;align-items:center;margin-bottom:2rem;font-size:.95rem;display:flex}.remember-me{color:var(--body);cursor:pointer;align-items:center;gap:.5rem;display:flex}.remember-me input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--primary);cursor:pointer;border-radius:4px;margin-right:.5rem;padding:0}.forgot-password{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s}.forgot-password:hover{color:#4338ca}.btn-login{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #4f46e540}.btn-login:hover:not(:disabled){background:#4338ca;transform:translateY(-2px);box-shadow:0 6px 16px #4f46e559}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-icon{transition:transform .3s}.btn-login:hover .btn-icon{transform:translate(4px)}.login-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;font-weight:500;display:flex}@media (width<=968px){.login-layout{flex-direction:column}.login-branding{flex:none;padding:2.5rem 1.5rem 2rem}.logo-container{margin-bottom:1rem}.logo-container img{height:80px}.login-branding h1{text-align:center;font-size:2rem}.login-branding .tagline{text-align:center;margin-bottom:0;font-size:1.15rem}.login-form-container{align-items:flex-start;padding:2rem 1.5rem}.orb-1,.orb-2{display:none}}input,select{border:1px solid var(--border-color);width:100%;color:var(--text-primary);transition:var(--transition-fast);font-size:1rem;font-family:var(--font-sans);background:#ffffffe6;border-radius:12px;padding:14px 16px}input:focus,select:focus{border-color:var(--brand-secondary);outline:none;box-shadow:0 0 0 4px #3b82f61a}input::placeholder{color:var(--text-tertiary)}.admin-tabs{border-bottom:2px solid var(--border-color);gap:1rem;margin-bottom:2rem;padding-bottom:0;display:flex;overflow-x:auto}.admin-tab{color:var(--text-secondary);white-space:nowrap;border-bottom:3px solid #0000;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s}.admin-tab:hover{color:var(--brand-primary);background:#ffffff80;border-radius:8px 8px 0 0}.admin-tab.active{color:var(--brand-secondary);border-bottom:3px solid var(--brand-secondary);font-weight:600}