:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--color-primary-50:#ecfdf5;--color-primary-100:#d1fae5;--color-primary-500:#10b981;--color-primary-600:#059669;--color-primary-700:#047857;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-bg:var(--color-slate-50);--color-sidebar:var(--color-slate-900);--color-sidebar-hover:var(--color-slate-800);--color-sidebar-text:var(--color-slate-300);--color-sidebar-active:var(--color-primary-500);--color-sidebar-active-text:#fff;--color-surface:#fff;--color-text-primary:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-border:var(--color-slate-200);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);margin:0}a{color:var(--color-primary-600);text-decoration:none}button{font-family:inherit}.brand-logo-container{align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s;display:flex}.brand-logo-container.clickable{cursor:pointer}.brand-logo-container.clickable:hover{opacity:.85}.brand-logo-image{object-fit:contain}.brand-logo-image.size-sm{height:24px}.brand-logo-image.size-md{height:32px}.brand-logo-image.size-lg{height:48px}.brand-logo-text{color:inherit;font-weight:700}.brand-logo-text.size-sm{font-size:1rem}.brand-logo-text.size-md{font-size:1.25rem}.brand-logo-text.size-lg{font-size:1.5rem}.login-page{--gradient-dark:linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);--gradient-primary:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--font-display:"Plus Jakarta Sans", sans-serif;--font-primary:"Inter", sans-serif;--radius-base:.5rem;--radius-md:.75rem;--radius-xl:1.5rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-2xl:1.5rem;--color-primary:#2563eb;--shadow-glow:0 0 20px #2563eb4d;--transition-fast:.15s ease;background:var(--gradient-dark);min-height:100vh;padding:var(--spacing-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#2563eb26 0%,#0000 50%),radial-gradient(circle at 70% 60%,#7c3aed1a 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-12) var(--spacing-8);z-index:1;background:#ffffff08;border:1px solid #ffffff1a;width:100%;max-width:440px;position:relative;box-shadow:0 25px 50px #00000080}.login-brand{text-align:center;margin-bottom:var(--spacing-8)}.login-brand-stack{margin-bottom:var(--spacing-4);flex-direction:column;justify-content:center}.login-brand-icon{background:var(--gradient-primary);border-radius:var(--radius-md);width:64px;height:64px;margin:0 auto var(--spacing-4);box-shadow:var(--shadow-glow), 0 8px 25px #2563eb66;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.login-brand-title{font-family:var(--font-display);font-size:var(--font-size-2xl);color:#fff;margin-bottom:var(--spacing-1);font-weight:800}.login-brand-subtitle{font-size:var(--font-size-sm);color:#ffffff80}.login-form-label{font-size:var(--font-size-sm);color:#fffc;margin-bottom:var(--spacing-2);font-weight:600;display:block}.login-form-input{border-radius:var(--radius-base);color:#fff;width:100%;font-family:var(--font-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:#ffffff12;border:1.5px solid #ffffff1a;outline:none;padding:.75rem 1rem}.login-form-input:focus{border-color:var(--color-primary);background:#ffffff1a;box-shadow:0 0 0 3px #2563eb33}.login-form-input::placeholder{color:#ffffff4d}.login-btn{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-base);width:100%;font-family:var(--font-display);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;margin-top:var(--spacing-4);border:none;justify-content:center;align-items:center;padding:.875rem;font-weight:700;display:flex;box-shadow:0 4px 15px #2563eb66}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 25px #2563eb80}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-divider{text-align:center;color:#ffffff4d;font-size:var(--font-size-xs);margin:var(--spacing-4) 0;position:relative}.login-divider:before,.login-divider:after{content:"";background:#ffffff1a;width:42%;height:1px;position:absolute;top:50%}.login-divider:before{left:0}.login-divider:after{right:0}.login-error{border-radius:var(--radius-base);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);color:#fca5a5;margin-bottom:var(--spacing-4);background:#ef444426;border:1px solid #ef44444d}.sejs-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite sejs-spin;display:inline-block}@keyframes sejs-spin{to{transform:rotate(360deg)}}.global-search{width:100%;max-width:300px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper .search-icon{color:var(--color-slate-400);position:absolute;left:10px}.search-input-wrapper input{border:1px solid var(--color-slate-200);background-color:var(--color-slate-50);border-radius:6px;outline:none;width:100%;padding:8px 32px 8px 36px;font-size:.875rem;transition:all .2s}.search-input-wrapper input:focus{border-color:var(--color-primary-500);background-color:#fff;box-shadow:0 0 0 2px #2563eb1a}.search-input-wrapper .clear-btn{color:var(--color-slate-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.search-input-wrapper .clear-btn:hover{color:var(--color-slate-600)}.search-dropdown{border:1px solid var(--color-slate-200);z-index:50;background:#fff;border-radius:6px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-results{margin:0;padding:0;list-style:none}.search-result-item{cursor:pointer;border-bottom:1px solid var(--color-slate-100);padding:10px 12px;transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--color-slate-50)}.result-title{color:var(--color-slate-900);margin-bottom:2px;font-size:.875rem;font-weight:500}.result-subtitle{color:var(--color-slate-500);font-size:.75rem}.no-results{text-align:center;color:var(--color-slate-500);padding:16px;font-size:.875rem}.notification-center{position:relative}.badge-count{background-color:var(--color-danger,#ef4444);color:#fff;border:2px solid var(--color-surface-dark,#0f172a);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.notification-dropdown{z-index:1000;background:#1e293b;border:1px solid #ffffff1a;border-radius:.75rem;width:340px;animation:.15s dropdownSlideIn;position:absolute;top:calc(100% + 8px);right:-8px;overflow:hidden;box-shadow:0 20px 60px #00000080}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.notification-title{color:#f8fafc;margin:0;font-size:.875rem;font-weight:600}.mark-all-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:.75rem;display:flex}.mark-all-btn:hover{text-decoration:underline}.notification-list{max-height:340px;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;transition:background .15s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#ffffff0a}.notification-item.unread{background:#38bdf80f}.notification-item.unread:hover{background:#38bdf81a}.notification-icon{flex-shrink:0;margin-top:2px}.type-announcement{color:#60a5fa}.type-reminder{color:#a78bfa}.type-warning{color:#fbbf24}.type-success{color:#34d399}.type-error{color:#f87171}.notification-content{flex:1;min-width:0}.notification-item-title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.8rem;font-weight:600;overflow:hidden}.notification-message{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}.notification-time{color:#475569;text-transform:capitalize;margin-top:3px;font-size:.7rem}.notif-delete-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;transition:color .15s,background .15s;display:flex}.notif-delete-btn:hover{color:#f87171;background:#f871711f}.unread-dot{background:#38bdf8;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.no-notifications{text-align:center;color:#475569;padding:2rem 1rem;font-size:.875rem}.view-all-btn{color:#38bdf8;cursor:pointer;text-align:center;background:#ffffff08;border:none;border-top:1px solid #ffffff14;width:100%;padding:.75rem;font-size:.8rem;font-weight:500;transition:background .15s}.view-all-btn:hover{background:#38bdf814}.text-success{color:#34d399}.text-warning{color:#fbbf24}.text-info{color:#60a5fa}.admin-layout{background-color:var(--color-bg);width:100vw;height:100vh;display:flex;overflow:hidden}.admin-sidebar{background-color:var(--color-sidebar);width:260px;color:var(--color-sidebar-text);z-index:40;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),left .3s;display:flex}.admin-sidebar.collapsed{width:80px}.sidebar-header{color:#fff;white-space:nowrap;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;height:64px;padding:0 1.5rem;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden}.sidebar-logo-icon{color:var(--color-primary-500)}.sidebar-nav{flex-direction:column;flex:1;padding:1rem 0;display:flex;overflow-y:auto}.nav-section{margin-bottom:1.5rem}.nav-section-title{text-transform:uppercase;color:var(--color-slate-500);letter-spacing:.05em;white-space:nowrap;margin-bottom:.5rem;padding:0 1.5rem;font-size:.7rem;font-weight:600;transition:opacity .2s}.admin-sidebar.collapsed .nav-section-title{opacity:0;height:0;margin:0;overflow:hidden}.nav-item{color:var(--color-sidebar-text);white-space:nowrap;align-items:center;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{background-color:var(--color-sidebar-hover);color:#fff}.nav-item.active{color:var(--color-primary-500);background-color:#10b9811a}.nav-item.active:before{content:"";background-color:var(--color-primary-500);border-radius:0 4px 4px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.nav-icon{width:20px;min-width:20px;height:20px;margin-right:1rem}.admin-sidebar.collapsed .nav-item{border-radius:var(--radius-md);justify-content:center;margin:0 .5rem;padding:.75rem}.admin-sidebar.collapsed .nav-item.active:before{display:none}.admin-sidebar.collapsed .nav-item.active{background-color:var(--color-primary-500);color:#fff}.admin-sidebar.collapsed .nav-icon{margin-right:0}.admin-sidebar.collapsed .nav-label{display:none}.mobile-overlay{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a80;display:none;position:fixed;inset:0}.admin-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:30;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.toggle-btn{cursor:pointer;color:var(--color-slate-500);border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.toggle-btn:hover{background-color:var(--color-slate-100);color:var(--color-text-primary)}.breadcrumb{color:var(--color-slate-500);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.breadcrumb-separator{color:var(--color-slate-300)}.breadcrumb-current{color:var(--color-text-primary)}.header-right{align-items:center;gap:1rem;display:flex}.user-profile{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:.25rem .5rem;transition:background-color .2s;display:flex}.user-profile:hover{background-color:var(--color-slate-50)}.user-avatar{background-color:var(--color-primary-100);width:36px;height:36px;color:var(--color-primary-600);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.user-role{color:var(--color-slate-500);font-size:.75rem}.admin-content{flex:1;padding:2rem;position:relative;overflow-y:auto}.admin-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-slate-500);justify-content:space-between;align-items:center;padding:1rem 2rem;font-size:.875rem;display:flex}@media (width<=1024px){.admin-content{padding:1.5rem}}@media (width<=768px){.admin-sidebar{height:100%;box-shadow:var(--shadow-lg);position:fixed;left:-260px}.admin-sidebar.mobile-open{left:0}.admin-sidebar.collapsed{width:260px}.admin-sidebar.collapsed.mobile-open .nav-section-title{opacity:1;height:auto;margin-bottom:.5rem}.admin-sidebar.collapsed.mobile-open .nav-item{border-radius:0;justify-content:flex-start;margin:0;padding:.75rem 1.5rem}.admin-sidebar.collapsed.mobile-open .nav-item.active:before{display:block}.admin-sidebar.collapsed.mobile-open .nav-item.active{color:var(--color-primary-500);background-color:#10b9811a}.admin-sidebar.collapsed.mobile-open .nav-icon{margin-right:1rem}.admin-sidebar.collapsed.mobile-open .nav-label,.mobile-overlay.show{display:block}.admin-content{padding:1rem}.breadcrumb,.user-info{display:none}}.dashboard-container{background:var(--bg-background);flex-direction:column;gap:1.5rem;min-height:100%;display:flex}.dashboard-loading{min-height:400px;color:var(--color-slate-500);justify-content:center;align-items:center;font-size:1.125rem;display:flex}.dashboard-actions{align-items:center;gap:1rem;display:flex}.stats-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (width>=640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-main-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (width>=1024px){.dashboard-main-grid{grid-template-columns:2fr 1fr}}.charts-column,.sidebar-column{flex-direction:column;gap:1.5rem;display:flex}.chart-container{width:100%;height:300px;margin-top:1rem}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.quick-action-btn{border:1px solid var(--color-slate-200);background:var(--color-slate-50);cursor:pointer;color:var(--color-slate-700);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.quick-action-btn.primary:hover{border-color:var(--color-primary-500);color:var(--color-primary-600);background:#eff6ff}.quick-action-btn.success:hover{border-color:var(--color-success);color:var(--color-success);background:#f0fdf4}.quick-action-btn.info:hover{border-color:var(--color-info);color:var(--color-info);background:#eff6ff}.activity-list{flex-direction:column;gap:1.25rem;display:flex}.activity-item{align-items:flex-start;gap:1rem;display:flex}.activity-indicator{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.activity-indicator.new{background-color:var(--color-success);box-shadow:0 0 0 4px #22c55e1a}.activity-indicator.update{background-color:var(--color-warning);box-shadow:0 0 0 4px #f59e0b1a}.activity-indicator.complete{background-color:var(--color-primary-500);box-shadow:0 0 0 4px #3b82f61a}.activity-details p{color:var(--color-slate-800);margin:0 0 .25rem;font-size:.875rem;line-height:1.5}.activity-time{color:var(--color-slate-500);font-size:.75rem}.settings-page{max-width:1200px;margin:0 auto;padding:2rem}.settings-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.settings-layout{grid-template-columns:220px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=768px){.settings-layout{grid-template-columns:1fr}}.settings-tabs{background:var(--color-surface,#0f172a99);border:1px solid #ffffff14;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex;position:sticky;top:1rem}.settings-tab{color:#94a3b8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.6rem;padding:.6rem .875rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:flex}.settings-tab:hover{color:#e2e8f0;background:#ffffff12}.settings-tab.active{color:#38bdf8;background:#38bdf826}.settings-content{background:var(--color-surface,#0f172a99);border:1px solid #ffffff14;border-radius:.75rem;padding:2rem}.settings-section-header{color:#38bdf8;border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;margin-bottom:1.75rem;padding-bottom:1rem;display:flex}.settings-section-header h2{color:#f8fafc;margin:0;font-size:1.1rem;font-weight:600}.settings-fields-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=640px){.settings-fields-grid{grid-template-columns:1fr}}.settings-field{flex-direction:column;gap:.4rem;display:flex}.settings-label{color:#e2e8f0;font-size:.875rem;font-weight:600}.settings-description{color:#64748b;margin:0;font-size:.78rem;line-height:1.4}.settings-input{color:#f8fafc;background:#0f172a99;border:1px solid #ffffff1a;border-radius:.5rem;padding:.625rem .875rem;font-size:.9rem;transition:border-color .15s}.settings-input:focus{background:#0f172ae6;border-color:#38bdf8;outline:none}.settings-color-row{align-items:center;gap:.5rem;display:flex}.settings-color-swatch{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:.375rem;flex-shrink:0;width:40px;height:40px;padding:2px}.settings-toggle{cursor:pointer;align-items:center;gap:.75rem;display:flex}.settings-toggle input[type=checkbox]{display:none}.settings-toggle-track{background:#ffffff26;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.settings-toggle input:checked~.settings-toggle-track{background:#38bdf8}.settings-toggle-track:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.settings-toggle input:checked~.settings-toggle-track:after{transform:translate(20px)}.settings-toggle-text{color:#94a3b8;font-size:.875rem;font-weight:500}.settings-toast{z-index:9999;border-radius:.625rem;align-items:center;gap:.625rem;padding:.875rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s toastSlideIn;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 8px 32px #00000059}.settings-toast--success{color:#34d399;background:#10b98133;border:1px solid #10b98166}.settings-toast--error{color:#f87171;background:#ef444433;border:1px solid #ef444466}@keyframes toastSlideIn{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.settings-empty{color:#64748b;text-align:center;padding:2rem 0;font-size:.9rem}.audit-log-page{max-width:1200px;margin:0 auto;padding:2rem}.audit-controls-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (width<=768px){.audit-controls-grid{grid-template-columns:1fr}}.search-box{position:relative}.search-box input,.filter-box input{color:#f8fafc;background:#0f172a99;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.filter-box input[type=date]{padding-left:1rem}.search-box input:focus,.filter-box input:focus{background:#0f172ae6;border-color:#38bdf8;outline:none}.search-icon{color:#94a3b8;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.filter-box{position:relative}.filter-box select{color:#f8fafc;appearance:none;cursor:pointer;background:#0f172a99;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.filter-box select:focus{border-color:#38bdf8;outline:none}.filter-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.module-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:1rem;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.action-badge{color:#f8fafc;background:#ffffff1a;border-radius:.25rem;padding:.2rem .5rem;font-family:monospace;font-size:.8rem}.user-cell{color:#e2e8f0;font-weight:500}.details-cell{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.pagination-controls{border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.pagination-info{color:#94a3b8;font-size:.9rem}.pagination-controls .btn-secondary{align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.heat-engine-container{color:#f1f5f9;padding:1.5rem}.heat-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.heat-title-group h1{color:#f8fafc;align-items:center;gap:.5rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.heat-title-group p{color:#94a3b8;margin:.25rem 0 0;font-size:.875rem}.heat-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-heat{cursor:pointer;border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)}.btn-secondary{color:#f8fafc;background:#334155;border-color:#475569}.btn-secondary:hover{background:#475569}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.btn-warning{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.btn-warning:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%)}.btn-danger{color:#f87171;background:#ef444433;border-color:#ef44444d}.btn-danger:hover{background:#ef44444d}.heat-filter-bar{background:#1e293b;border:1px solid #334155;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.filter-item{align-items:center;gap:.5rem;display:flex}.filter-item label{color:#94a3b8;white-space:nowrap;font-size:.875rem}.filter-select{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:.375rem;min-width:200px;padding:.5rem .75rem;font-size:.875rem}.heat-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.heat-card{background:#1e293b;border:1px solid #334155;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.heat-card.is-current{border-color:#3b82f6;box-shadow:0 0 12px #3b82f64d}.heat-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.heat-card-title{color:#f8fafc;margin:0;font-size:1.125rem;font-weight:600}.heat-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.badge-type-qualification{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.badge-type-semi_final{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.badge-type-final{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-type-grand_final{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge-status-draft{color:#94a3b8;background:#334155}.badge-status-scheduled{color:#60a5fa;background:#3b82f633}.badge-status-running{color:#34d399;background:#10b98133;animation:2s infinite pulse}.badge-status-completed{color:#10b981;background:#10b98126}.badge-status-cancelled{color:#f87171;background:#ef444426}.badge-part-registered{color:#cbd5e1;background:#334155}.badge-part-started{color:#60a5fa;background:#3b82f633}.badge-part-finished{color:#34d399;background:#10b98133}.badge-part-dnf{color:#fbbf24;background:#f59e0b33}.badge-part-dns{color:#94a3b8;background:#64748b4d}.badge-part-dq{color:#f87171;background:#ef444433}.heat-card-info{color:#94a3b8;flex-direction:column;gap:.375rem;margin-bottom:1rem;font-size:.875rem;display:flex}.heat-card-info-item{align-items:center;gap:.5rem;display:flex}.heat-participant-list-preview{background:#0f172a;border-radius:.5rem;max-height:140px;margin-bottom:1rem;padding:.5rem;overflow-y:auto}.heat-participant-row-preview{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:.375rem .5rem;font-size:.8125rem;display:flex}.heat-participant-row-preview:last-child{border-bottom:none}.heat-card-footer{border-top:1px solid #334155;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.75rem;display:flex}.heat-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.heat-modal-content{background:#1e293b;border:1px solid #334155;border-radius:.75rem;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #00000080}.heat-modal-content.large{max-width:900px}.heat-modal-header{border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.heat-modal-header h3{color:#f8fafc;margin:0;font-size:1.25rem}.heat-modal-body{padding:1.5rem}.heat-modal-footer{background:#0f172a;border-top:1px solid #334155;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-group{margin-bottom:1.25rem}.form-group label{color:#cbd5e1;margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.form-control{color:#f8fafc;background:#0f172a;border:1px solid #334155;border-radius:.375rem;width:100%;padding:.5rem .75rem;font-size:.875rem}.form-control:focus{border-color:#3b82f6;outline:none}.heat-table{border-collapse:collapse;width:100%;font-size:.875rem}.heat-table th{color:#94a3b8;text-align:left;background:#0f172a;border-bottom:1px solid #334155;padding:.75rem 1rem;font-weight:600}.heat-table td{color:#cbd5e1;border-bottom:1px solid #334155;padding:.75rem 1rem}.heat-table tr:hover{background:#ffffff05}.empty-state{text-align:center;color:#94a3b8;background:#1e293b;border:1px dashed #334155;border-radius:.75rem;padding:3rem}.empty-state h3{color:#cbd5e1;margin-bottom:.5rem}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.quiz-foundation-container{color:#f1f5f9;padding:1.5rem}.quiz-f-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.quiz-f-title h1{color:#f8fafc;align-items:center;gap:.5rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.quiz-f-title p{color:#94a3b8;margin:.25rem 0 0;font-size:.875rem}.quiz-f-tabs{border-bottom:1px solid #334155;gap:.5rem;margin-bottom:1.5rem;display:flex}.quiz-tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;display:inline-flex}.quiz-tab-btn.active{color:#a855f7;border-bottom-color:#a855f7}.badge-diff-easy{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.badge-diff-medium{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b4d}.badge-diff-hard{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.badge-qtype-mc{color:#60a5fa;background:#3b82f633}.badge-qtype-essay{color:#c084fc;background:#a855f733}.question-card{background:#1e293b;border:1px solid #334155;border-radius:.75rem;margin-bottom:1rem;padding:1.25rem;transition:border-color .2s}.question-card:hover{border-color:#a855f7}.question-header{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.question-text{color:#f8fafc;margin-bottom:.75rem;font-size:1.05rem;font-weight:600;line-height:1.5}.options-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.option-item{color:#cbd5e1;background:#0f172a;border:1px solid #334155;border-radius:.375rem;padding:.5rem .75rem;font-size:.84375rem}.option-item.is-correct{color:#34d399;background:#10b9811a;border-color:#10b981;font-weight:600}.explanation-box{color:#cbd5e1;background:#0f172a;border-left:3px solid #a855f7;border-radius:0 .375rem .375rem 0;margin-top:.5rem;padding:.625rem .875rem;font-size:.8125rem}.bracket-engine-page{color:#f8fafc;background:#0f172a;min-height:100vh;padding:1.5rem;font-family:Inter,Outfit,sans-serif}.bracket-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.bracket-header h1{color:#f8fafc;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:900;display:flex}.bracket-header p{color:#38bdf8;margin:.25rem 0 0;font-size:.85rem}.bracket-config-panel{background:#1e293b;border:1px solid #334155;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.bracket-config-panel h3{color:#f8fafc;margin:0 0 1.25rem;font-size:1rem;font-weight:700}.bracket-config-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1rem;display:grid}.bracket-config-grid label{color:#94a3b8;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}.bracket-config-grid select,.bracket-config-grid input{color:#f8fafc;box-sizing:border-box;background:#0f172a;border:1px solid #475569;border-radius:.5rem;width:100%;padding:.5rem .75rem;font-size:.875rem}.bracket-alert-success{color:#34d399;background:#10b98126;border:1px solid #34d39959;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:600}.bracket-alert-error{color:#f87171;background:#ef444426;border:1px solid #f8717159;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:600}.bracket-tree-wrapper{background:#1e293b;border:1px solid #334155;border-radius:1rem;padding:1.5rem;overflow-x:auto}.bracket-tree-wrapper h3{color:#f8fafc;margin:0 0 1.5rem;font-size:1.1rem;font-weight:700}.bracket-tree-scroll{align-items:flex-start;gap:2rem;min-width:max-content;display:flex}.bracket-round-column{flex-direction:column;gap:.75rem;min-width:260px;display:flex}.bracket-round-title{color:#fbbf24;text-align:center;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 100%);border:1px solid #fbbf2440;border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:900}.bracket-round-title.final-round{color:#fef3c7;background:linear-gradient(135deg,#78350f 0%,#b45309 100%);border-color:#fbbf2480}.bracket-round-title.third-place-round{color:#bef264;background:linear-gradient(135deg,#1a2e05 0%,#365314 100%);border-color:#bef2644d}.bracket-match-card{background:#0f172a;border:1px solid #334155;border-radius:.75rem;padding:.875rem;transition:border-color .2s}.bracket-match-card:hover{border-color:#475569}.bracket-match-card.finished{border-color:#34d3994d}.bracket-match-card.walkover{border-color:#fbbf244d}.bracket-match-meta{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:.625rem;font-size:.7rem;display:flex}.bracket-status-badge{text-transform:uppercase;border-radius:9999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.bracket-status-badge.scheduled{color:#a5b4fc;background:#6366f133}.bracket-status-badge.finished{color:#34d399;background:#10b98133}.bracket-status-badge.walkover{color:#fbbf24;background:#fbbf2433}.bracket-status-badge.ongoing{color:#fb923c;background:#fb923c33}.bracket-participant-row{background:#1e293b80;border:1px solid #0000;border-radius:.375rem;justify-content:space-between;align-items:center;margin-bottom:.3rem;padding:.45rem .6rem;transition:all .15s;display:flex}.bracket-participant-row.winner{background:#10b98133;border-color:#34d39980}.bracket-participant-row.loser{opacity:.5}.bracket-participant-name{color:#f8fafc;font-size:.8rem;font-weight:700}.bracket-participant-row.winner .bracket-participant-name{color:#34d399}.bracket-participant-score{color:#fbbf24;text-align:right;min-width:1.5rem;font-size:1rem;font-weight:900}.bracket-match-actions{flex-direction:column;gap:.375rem;margin-top:.75rem;display:flex}.bracket-actions-row{gap:.375rem;display:flex}.btn-bracket{cursor:pointer;border:none;border-radius:.45rem;justify-content:center;align-items:center;gap:.375rem;padding:.4rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-bracket:disabled{opacity:.4;cursor:not-allowed}.btn-bracket.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.btn-bracket.primary:hover:not(:disabled){filter:brightness(1.15)}.btn-bracket.success{color:#fff;background:linear-gradient(135deg,#059669,#10b981)}.btn-bracket.success:hover:not(:disabled){filter:brightness(1.15)}.btn-bracket.danger{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444)}.btn-bracket.danger:hover:not(:disabled){filter:brightness(1.15)}.btn-bracket.warning{color:#1e1b4b;background:linear-gradient(135deg,#d97706,#fbbf24)}.btn-bracket.warning:hover:not(:disabled){filter:brightness(1.1)}.btn-bracket.ghost{color:#94a3b8;background:#64748b33;border:1px solid #334155}.btn-bracket.ghost:hover:not(:disabled){color:#f8fafc;background:#64748b59}.btn-bracket.full-width{width:100%}.bracket-score-inputs{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.bracket-score-inputs input{color:#fbbf24;text-align:center;background:#1e293b;border:1px solid #475569;border-radius:.375rem;width:60px;padding:.35rem .5rem;font-size:1rem;font-weight:900}.bracket-score-inputs span{color:#475569;font-weight:900}.bracket-empty-state{text-align:center;color:#475569;background:#1e293b;border:1px dashed #334155;border-radius:1rem;padding:3rem 1rem}.bracket-empty-state svg{opacity:.4;margin-bottom:1rem}.bracket-empty-state p{font-size:.9rem}.seeding-table-wrapper{background:#1e293b;border:1px solid #334155;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.seeding-table-wrapper h3{color:#f8fafc;margin:0 0 1rem;font-size:1rem;font-weight:700}.seeding-table{border-collapse:collapse;width:100%;font-size:.85rem}.seeding-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#0f172a;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.seeding-table td{color:#f8fafc;border-bottom:1px solid #1e293b;padding:.5rem .75rem}.seeding-table tr:hover td{background:#ffffff08}.seeding-table input[type=number]{color:#fbbf24;text-align:center;background:#0f172a;border:1px solid #475569;border-radius:.375rem;width:60px;padding:.2rem .4rem;font-weight:700}.live-bracket-page{color:#f8fafc;background:#030712;min-height:100vh;padding:1.5rem;font-family:Inter,Outfit,sans-serif}.live-bracket-header{text-align:center;margin-bottom:2rem}.live-bracket-header h1{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2.5rem;font-weight:900}.live-bracket-header p{color:#64748b;margin:0;font-size:.9rem}.live-bracket-grid{align-items:flex-start;gap:1.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.live-bracket-round-col{flex-direction:column;gap:1rem;min-width:240px;display:flex}.live-bracket-round-label{text-align:center;letter-spacing:.06em;color:#a5b4fc;text-transform:uppercase;background:#6366f133;border:1px solid #6366f159;border-radius:.5rem;margin-bottom:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:800}.live-bracket-round-label.final-label{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2466;font-size:.9rem}.live-bracket-match{background:#1e293be6;border:1px solid #334155;border-radius:.75rem;padding:.875rem}.live-bracket-match.live-final{background:#4e320080;border-color:#fbbf2480;box-shadow:0 0 20px #fbbf2426}.live-bracket-participant{border-radius:.35rem;justify-content:space-between;margin-bottom:.25rem;padding:.4rem .6rem;display:flex}.live-bracket-participant.live-winner{color:#34d399;background:#10b98133}.live-bracket-winner-badge{text-align:center;color:#fbbf24;background:#fbbf2433;border-radius:.375rem;margin-top:.5rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700}@media (width<=768px){.bracket-config-grid{grid-template-columns:1fr 1fr}.bracket-tree-scroll{gap:1rem}.bracket-round-column{min-width:200px}}@media (width<=480px){.bracket-config-grid{grid-template-columns:1fr}}.notifications-page{max-width:900px;margin:0 auto;padding:2rem}.notifications-page-header{margin-bottom:1.75rem}.notifications-page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.page-title{align-items:center;gap:.625rem;display:flex}.notifications-filters{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.notif-search-box{position:relative}.notif-search-box input{color:#f8fafc;background:#0f172a99;border:1px solid #ffffff1a;border-radius:.5rem;width:100%;padding:.65rem 1rem .65rem 2.4rem;font-size:.9rem}.notif-search-box input:focus{border-color:#38bdf8;outline:none}.notif-search-icon{color:#64748b;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.notif-filter-row{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.notif-filter-row select{color:#e2e8f0;cursor:pointer;background:#0f172a99;border:1px solid #ffffff1a;border-radius:.5rem;padding:.55rem .875rem;font-size:.85rem}.notif-filter-row select:focus{border-color:#38bdf8;outline:none}.notifications-list-container{flex-direction:column;gap:.625rem;display:flex}.notif-card{cursor:default;background:#0f172a80;border:1px solid #ffffff12;border-radius:.75rem;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;transition:background .15s,border-color .15s;display:flex}.notif-card.unread{cursor:pointer;background:#38bdf80d;border-color:#38bdf840}.notif-card:hover{background:#ffffff0a}.notif-card.unread:hover{background:#38bdf817}.notif-card-icon{background:#ffffff0d;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem;display:flex}.notif-card-body{flex:1;min-width:0}.notif-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.3rem;display:flex}.notif-card-title{color:#e2e8f0;font-size:.9rem;font-weight:600}.notif-card-meta{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.notif-priority-badge,.notif-category-badge,.notif-unread-pill{text-transform:capitalize;border-radius:1rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.notif-category-badge{color:#94a3b8;background:#ffffff14}.notif-unread-pill{color:#38bdf8;background:#38bdf826}.notif-card-message{color:#94a3b8;margin:0 0 .35rem;font-size:.82rem;line-height:1.4}.notif-card-time{color:#475569;font-size:.72rem}.notif-card-actions{flex-shrink:0;gap:.375rem;display:flex}.notif-action-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:.375rem;align-items:center;padding:.35rem;transition:background .15s,color .15s,border-color .15s;display:flex}.notif-action-btn:hover{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.notif-action-btn.danger:hover{color:#f87171;background:#f871711f;border-color:#f871714d}.notif-pagination{border-top:1px solid #ffffff12;justify-content:center;align-items:center;gap:1.25rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.notif-page-info{color:#64748b;font-size:.85rem}.live-display-container{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at top,#0f172a 0%,#020617 100%);flex-direction:column;min-height:100vh;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.live-header{border-bottom:2px solid #38bdf833;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.live-logo{align-items:center;gap:1rem;display:flex}.live-logo-text h2{letter-spacing:.05em;color:#f8fafc;margin:0;font-size:1.25rem;font-weight:800}.live-logo-text p{color:#38bdf8;letter-spacing:.1em;margin:0;font-size:.75rem;font-weight:600}.live-category-select select{color:#f8fafc;background:#1e293b;border:1px solid #38bdf8;border-radius:.5rem;outline:none;padding:.625rem 1.25rem;font-size:1rem;font-weight:600}.live-board{flex-direction:column;flex:1;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.live-badge-running{color:#34d399;letter-spacing:.1em;background:#10b98126;border:1px solid #10b98166;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:700;display:inline-flex}.pulse-icon{animation:1.5s infinite pulse}.live-lomba-title{color:#94a3b8;letter-spacing:.05em;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.live-heat-banner h1{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;margin:0 0 2rem;font-size:3.5rem;font-weight:900}.live-lane-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;margin-bottom:3rem;display:grid}.live-lane-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#1e293bb3;border:2px solid #ffffff1a;border-radius:1rem;flex-direction:column;align-items:center;padding:1.5rem;transition:all .3s;display:flex;position:relative}.live-lane-card.occupied{border-color:#38bdf8;box-shadow:0 0 20px #38bdf840}.lane-badge{color:#0f172a;letter-spacing:.05em;background:#38bdf8;border-radius:9999px;padding:.25rem .875rem;font-size:.875rem;font-weight:900;position:absolute;top:-14px}.lane-participant-info{width:100%;margin-top:1rem}.participant-reg{color:#38bdf8;margin-bottom:.375rem;font-size:1.125rem;font-weight:800}.participant-name{color:#fff;margin-bottom:.375rem;font-size:1.75rem;font-weight:800;line-height:1.2}.participant-inst{color:#94a3b8;margin-bottom:.75rem;font-size:.875rem}.participant-status-badge{border-radius:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.participant-status-badge.status-finished{color:#34d399;background:#10b98133}.participant-status-badge.status-dnf{color:#fbbf24;background:#f59e0b33}.participant-status-badge.status-dq{color:#f87171;background:#ef444433}.lane-empty-info{color:#475569;letter-spacing:.1em;margin-top:2rem;font-size:1.5rem;font-weight:800}.live-status-box{background:#1e293bcc;border:1px solid #334155;border-radius:1rem;align-items:center;gap:1.5rem;padding:1rem 2.5rem;display:flex}.status-label{color:#94a3b8;letter-spacing:.05em;font-size:1.125rem;font-weight:700}.status-pill{letter-spacing:.05em;border-radius:.5rem;padding:.5rem 1.5rem;font-size:1.25rem;font-weight:900}.status-pill.status-running{color:#34d399;background:#10b98133;border:1px solid #10b981}.status-pill.status-scheduled{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f6}.status-pill.status-completed{color:#10b981;background:#10b98133}.universal-live-container{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at top,#0f172a 0%,#020617 100%);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.universal-ticker-bar{color:#fbbf24;white-space:nowrap;background:linear-gradient(90deg,#1e1b4b 0%,#311b92 50%,#1e1b4b 100%);border-bottom:1px solid #fbbf244d;align-items:center;gap:.75rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.universal-ticker-content{animation:25s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.universal-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.universal-brand{align-items:center;gap:1rem;display:flex}.universal-title h1{color:#f8fafc;letter-spacing:.025em;margin:0;font-size:1.5rem;font-weight:900}.universal-title p{color:#38bdf8;letter-spacing:.05em;margin:0;font-size:.8125rem;font-weight:700}.universal-controls-bar{background:#0f172a;border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.comp-type-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:800;display:inline-flex}.comp-type-badge.type-score{color:#c084fc;background:#a855f733;border:1px solid #a855f7}.comp-type-badge.type-heat{color:#38bdf8;background:#38bdf833;border:1px solid #38bdf8}.comp-type-badge.type-bracket{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf24}.comp-type-badge.type-league{color:#34d399;background:#34d39933;border:1px solid #34d399}.comp-type-badge.type-quiz{color:#f472b6;background:#f472b633;border:1px solid #f472b6}.universal-stage-body{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.stage-banner-box{background:linear-gradient(135deg,#1e293be6 0%,#0f172ae6 100%);border:1px solid #334155;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.stage-title h2{color:#f8fafc;margin:0 0 .25rem;font-size:2.25rem;font-weight:900}.stage-title p{color:#38bdf8;margin:0;font-size:.9375rem;font-weight:600}.stage-timer-box{text-align:center;background:#0f172a;border:2px solid #38bdf8;border-radius:.75rem;min-width:140px;padding:.75rem 1.5rem}.stage-timer-val{color:#38bdf8;font-family:Courier New,Courier,monospace;font-size:2.25rem;font-weight:900}.gallery-section{background:#0f172a;border:1px solid #334155;border-radius:1rem;margin-bottom:2rem;overflow:hidden}.gallery-image-box{object-fit:cover;width:100%;height:220px}.universal-sponsor-section{text-align:center;background:#0f172ae6;border-top:1px solid #334155;padding:1rem 2rem}.universal-sponsor-slider{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.universal-footer{color:#64748b;background:#020617;border-top:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;font-size:.8125rem;display:flex}@media (width<=768px){.universal-header,.universal-stage-body{padding:1rem}.stage-title h2{font-size:1.5rem}}.scoreboard-container{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at top,#0f172a 0%,#020617 100%);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.running-text-bar{color:#fbbf24;white-space:nowrap;background:linear-gradient(90deg,#1e1b4b 0%,#311b92 50%,#1e1b4b 100%);border-bottom:1px solid #fbbf244d;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.running-text-content{animation:25s linear infinite marquee;display:inline-block}.scoreboard-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex}.scoreboard-brand{align-items:center;gap:.875rem;display:flex}.scoreboard-title h1{color:#f8fafc;letter-spacing:.025em;margin:0;font-size:1.5rem;font-weight:800}.scoreboard-title p{color:#38bdf8;margin:0;font-size:.8125rem;font-weight:600}.scoreboard-live-status{align-items:center;gap:1rem;display:flex}.live-indicator{color:#34d399;letter-spacing:.05em;background:#10b98126;border:1px solid #10b98166;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.scoreboard-nav{border-bottom:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem 0;display:flex}.scoreboard-tabs{gap:.5rem;display:flex;overflow-x:auto}.tab-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.tab-btn:hover{color:#cbd5e1}.tab-btn.active{color:#38bdf8;border-bottom-color:#38bdf8}.scoreboard-body{box-sizing:border-box;flex:1;width:100%;max-width:1300px;margin:0 auto;padding:2rem}.countdown-banner{background:linear-gradient(135deg,#1e293be6 0%,#0f172ae6 100%);border:1px solid #334155;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem 2rem;display:flex;box-shadow:0 10px 15px -3px #0000004d}.countdown-digits{gap:.75rem;display:flex}.digit-box{text-align:center;background:#0f172a;border:1px solid #38bdf8;border-radius:.5rem;min-width:50px;padding:.5rem .75rem}.digit-val{color:#38bdf8;font-size:1.5rem;font-weight:800}.digit-lbl{color:#94a3b8;text-transform:uppercase;font-size:.65rem}.podium-container{justify-content:center;align-items:flex-end;gap:1.5rem;margin:2rem 0 3rem;padding:1rem;display:flex}.podium-step{text-align:center;flex-direction:column;align-items:center;width:180px;display:flex}.podium-card{background:#1e293b;border:1px solid #334155;border-radius:.75rem;width:100%;margin-bottom:.5rem;padding:1rem;box-shadow:0 10px 15px -3px #0000004d}.podium-avatar{margin-bottom:.5rem;font-size:2.5rem}.podium-name{color:#f8fafc;font-size:1rem;font-weight:700}.podium-score{color:#38bdf8;margin-top:.25rem;font-size:1.125rem;font-weight:800}.podium-block{color:#0f172a;border-radius:.5rem .5rem 0 0;justify-content:center;align-items:center;width:100%;font-size:1.5rem;font-weight:900;display:flex}.podium-rank-1{background:linear-gradient(#fbbf24 0%,#d97706 100%);height:160px}.podium-rank-2{background:linear-gradient(#cbd5e1 0%,#64748b 100%);height:120px}.podium-rank-3{color:#fff;background:linear-gradient(#d97706 0%,#92400e 100%);height:90px}.sponsor-section{text-align:center;background:#1e293b80;border-top:1px solid #334155;padding:1.25rem 2rem}.sponsor-title{color:#64748b;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:700}.sponsor-slider{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.sponsor-logo-item{color:#94a3b8;letter-spacing:.05em;font-size:1.125rem;font-weight:800}.scoreboard-footer{color:#64748b;background:#020617;border-top:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;font-size:.8125rem;display:flex}.qr-box{background:#0f172a;border:1px solid #334155;border-radius:.5rem;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.qr-box img{border-radius:.25rem;width:50px;height:50px}@media (width<=768px){.scoreboard-header,.scoreboard-body{padding:1rem}.podium-container{flex-direction:column;align-items:center}.podium-step{width:100%;max-width:280px}.podium-block{border-radius:.5rem;height:50px!important}}.quiz-scoreboard-container{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at top,#1e1b4b 0%,#0f172a 100%);flex-direction:column;min-height:100vh;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.quiz-header{border-bottom:2px solid #a855f74d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.quiz-logo{align-items:center;gap:1rem;display:flex}.quiz-logo-text h1{background:linear-gradient(135deg,#a855f7 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;letter-spacing:.05em;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:900}.quiz-logo-text p{color:#c084fc;letter-spacing:.05em;margin:0;font-size:.8125rem;font-weight:600}.quiz-live-indicator{color:#e9d5ff;background:#a855f733;border:1px solid #a855f780;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-flex}.quiz-top-banner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293bb3;border:1px solid #a855f74d;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem 2.5rem;display:flex}.round-info-box h2{color:#f8fafc;letter-spacing:.025em;margin:0 0 .25rem;font-size:2.25rem;font-weight:900}.round-info-box span{color:#c084fc;letter-spacing:.05em;font-size:.9375rem;font-weight:700}.quiz-timer-box{text-align:center;background:#0f172a;border:2px solid #a855f7;border-radius:.75rem;padding:.75rem 1.75rem;box-shadow:0 0 20px #a855f74d}.quiz-timer-val{color:#a855f7;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:900}.quiz-timer-label{color:#cbd5e1;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.quiz-winner-banner{text-align:center;background:linear-gradient(135deg,#fbbf2433 0%,#d9770633 100%);border:2px solid #fbbf24;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;animation:2s infinite alternate glow}.quiz-winner-banner h2{color:#fbbf24;margin:0 0 .5rem;font-size:2rem;font-weight:900}.quiz-teams-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.quiz-team-card{background:#1e293bcc;border:2px solid #334155;border-radius:1rem;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .2s,border-color .2s;display:flex;position:relative}.quiz-team-card.rank-1{background:linear-gradient(#1e293be6 0%,#fbbf241a 100%);border-color:#fbbf24;box-shadow:0 0 25px #fbbf244d}.quiz-team-card.rank-2{border-color:#cbd5e1;box-shadow:0 0 15px #cbd5e133}.quiz-team-card.rank-3{border-color:#d97706;box-shadow:0 0 15px #d9770633}.team-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.team-rank-badge{background:#0f172a;border-radius:9999px;padding:.25rem .75rem;font-size:1.25rem;font-weight:900}.team-rank-badge.r-1{color:#fbbf24;border:1px solid #fbbf24}.team-rank-badge.r-2{color:#cbd5e1;border:1px solid #cbd5e1}.team-rank-badge.r-3{color:#f59e0b;border:1px solid #f59e0b}.team-rank-badge.r-other{color:#94a3b8;border:1px solid #334155}.team-name{color:#f8fafc;margin-bottom:.25rem;font-size:1.375rem;font-weight:800}.team-inst{color:#94a3b8;margin-bottom:1rem;font-size:.875rem}.round-breakdown-list{background:#0f172a;border-radius:.5rem;flex-direction:column;gap:.375rem;margin-bottom:1rem;padding:.75rem;font-size:.8125rem;display:flex}.round-breakdown-item{color:#cbd5e1;justify-content:space-between;display:flex}.team-total-score{border-top:1px solid #334155;justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.total-score-val{color:#a855f7;font-size:2.25rem;font-weight:900}.quiz-footer{color:#94a3b8;border-top:1px solid #334155;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:auto;padding-top:1.5rem;font-size:.8125rem;display:flex}@keyframes glow{0%{box-shadow:0 0 10px #fbbf2433}to{box-shadow:0 0 25px #fbbf2499}}