:root{--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-stage-title:2.5rem;--text-stage-clock:5.25rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--leading-none:1;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.5;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--color-bg:#f0f2f5;--color-bg-inset:#e8ebf0;--color-canvas:#f0f2f5;--color-canvas-inset:#e8ebf0;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-subtle:#f8fafc;--color-surface-muted:#edf1f7;--color-surface-sunken:#e2e8f0;--color-navy-950:#090e1a;--color-navy-900:#0f172a;--color-navy-800:#1e293b;--color-navy-700:#334155;--color-navy-base:#090e1a;--color-navy-surface:#131d33;--color-navy-surface-subtle:#0b1329;--color-navy-border:#1e293b;--color-navy-border-subtle:#1e293b;--color-navy-accent:#38bdf8;--color-text:#0f172a;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-text-dim:#94a3b8;--color-text-inverse:#f8fafc;--color-text-inverse-muted:#cbd5e1;--color-border:#cbd5e1;--color-border-subtle:#e2e8f0;--color-border-strong:#94a3b8;--color-border-focus:#0284c7;--color-primary:#0284c7;--color-primary-hover:#0369a1;--color-primary-active:#075985;--color-primary-bg:#e0f2fe;--color-primary-text:#0369a1;--color-primary-border:#bae6fd;--color-accent:#0284c7;--color-accent-hover:#0369a1;--color-accent-active:#075985;--color-accent-subtle:#e0f2fe;--color-accent-text:#0369a1;--color-accent-border:#bae6fd;--color-success:#059669;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-success-text:#065f46;--color-success-solid:#059669;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-text:#92400e;--color-warning-solid:#d97706;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-danger-text:#991b1b;--color-danger-solid:#dc2626;--color-neutral-bg:#f1f5f9;--color-neutral-border:#cbd5e1;--color-neutral-text:#475569;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-none:0px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--shadow-none:none;--shadow-subtle:0 1px 2px #0f172a0d;--shadow-dropdown:0 4px 12px #0f172a1f;--shadow-modal:0 10px 25px #0f172a33;--transition-fast:.1s ease;--transition-normal:.15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-primary);font-weight:600;line-height:1.25}p{color:var(--color-text-secondary)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}.font-sans{font-family:var(--font-sans)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1, "zero" 1}.tabular-nums{font-variant-numeric:tabular-nums}.tracking-label{font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.text-dense{font-size:var(--text-sm);line-height:var(--leading-snug)}.text-meta{font-size:var(--text-xs);color:var(--color-text-muted)}.top-nav-bar{background-color:var(--color-navy-900);color:var(--color-text-inverse);border-bottom:1px solid var(--color-navy-800);padding:0 var(--space-4);-webkit-user-select:none;user-select:none;z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;display:flex}.brand-section{align-items:center;gap:var(--space-3);display:flex}.brand-badge{background-color:var(--color-accent);color:#fff;font-weight:700;font-size:var(--text-xs);border-radius:var(--radius-sm);letter-spacing:.5px;padding:2px 6px}.brand-title{font-size:var(--text-base);color:#fff;font-weight:600}.brand-subtitle{font-size:var(--text-xs);color:var(--color-slate-400);border-left:1px solid var(--color-navy-700);padding-left:var(--space-3)}.role-tabs{background-color:var(--color-navy-950);border-radius:var(--radius-sm);border:1px solid var(--color-navy-800);gap:1px;padding:2px;display:flex}.role-tab-btn{color:var(--color-slate-400);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.role-tab-btn:hover{color:#fff;background-color:#ffffff0a}.role-tab-btn.active{background-color:var(--color-navy-800);border-color:var(--color-navy-700);color:#fff;font-weight:700}.sync-status{font-size:var(--text-xs);color:var(--color-slate-300);font-family:var(--font-mono);align-items:center;gap:6px;display:flex}.status-dot{background-color:var(--color-slate-500);border-radius:50%;width:7px;height:7px}.status-dot.online{background-color:#22c55e}.status-dot.frozen{background-color:#f59e0b}.btn{font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:6px 12px;line-height:1.25;display:inline-flex}.btn:hover:not(:disabled){background-color:var(--color-surface-subtle);border-color:var(--color-border-strong)}.btn:active:not(:disabled){background-color:var(--color-surface-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-navy-900);color:#fff;border-color:var(--color-navy-950)}.btn-primary:hover:not(:disabled){background-color:var(--color-navy-800);border-color:var(--color-navy-900)}.btn-accent{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent-hover)}.btn-accent:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-active)}.btn-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){border-color:var(--color-danger-solid);background-color:#fee2e2}.btn-success{background-color:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.btn-success:hover:not(:disabled){background-color:#d1fae5}.btn-sm{font-size:var(--text-xs);padding:3px 8px}.btn-lg{font-size:var(--text-base);padding:10px 18px;font-weight:600}.input,.select,.textarea{width:100%;font-size:var(--text-sm);font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);padding:6px 10px}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);outline:none}.input-sm,.select-sm{font-size:var(--text-xs);padding:3px 8px}.input-mono{font-family:var(--font-mono)}.form-group{margin-bottom:var(--space-3);flex-direction:column;gap:4px;display:flex}.form-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.form-helper{font-size:var(--text-xs);color:var(--color-text-muted)}.badge{font-size:var(--text-xs);border-radius:var(--radius-sm);font-weight:600;line-height:1.2;font-family:var(--font-mono);letter-spacing:.2px;border:1px solid #0000;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.badge-neutral{background-color:var(--color-neutral-bg);color:var(--color-neutral-text);border-color:var(--color-neutral-border)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.badge-accent{background-color:var(--color-accent-subtle);color:var(--color-accent-text);border-color:var(--color-accent-border)}.data-table-container{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-sm);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-sm)}.data-table th{background-color:var(--color-surface-subtle);color:var(--color-text-secondary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:8px 12px}.data-table td{border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);vertical-align:middle;padding:8px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--color-surface-subtle)}.data-table-compact td,.data-table-compact th{font-size:var(--text-xs);padding:5px 8px}.modal-backdrop{z-index:1000;padding:var(--space-4);background-color:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden}.modal-header{padding:var(--space-3) var(--space-4);background-color:var(--color-surface-subtle);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.modal-body{padding:var(--space-4);overflow-y:auto}.modal-footer{padding:var(--space-3) var(--space-4);background-color:var(--color-surface-subtle);border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.broadcast-alert-strip{color:#fff;padding:6px var(--space-4);font-size:var(--text-sm);background-color:#7f1d1d;border-bottom:1px solid #991b1b;justify-content:space-between;align-items:center;font-weight:500;display:flex}.broadcast-alert-strip.warning{background-color:#78350f;border-bottom-color:#92400e}.app-container{background-color:var(--color-canvas);flex-direction:column;min-height:100vh;display:flex}.main-content,.admin-layout{flex-direction:column;flex:1;display:flex}.admin-top-subbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-4);justify-content:space-between;align-items:center;height:44px;display:flex}.admin-tabs{gap:var(--space-1);height:100%;display:flex}.admin-tab{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;height:100%;padding:0 12px;font-weight:500;display:inline-flex}.admin-tab:hover{color:var(--color-text-primary);background-color:var(--color-surface-subtle)}.admin-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.admin-page-body{padding:var(--space-4);flex:1}@media (width<=768px){.top-nav-bar{padding:0 var(--space-2)}.brand-subtitle{display:none}.role-tab-btn{padding:4px 6px;font-size:11px}.admin-top-subbar{padding:0 var(--space-2);overflow-x:auto}.admin-page-body{padding:var(--space-2)}}.screen-only{display:block}.print-only{display:none!important}.qr-badge-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.qr-badge-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;align-items:center;display:flex;position:relative}.qr-badge-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-dropdown)}.qr-badge-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}@media print{body,html,#root,.app-container,.main-content{color:#000!important;background-color:#fff!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important}.top-nav-bar,.admin-top-subbar,.no-print,.btn,.screen-only,.modal-backdrop{display:none!important}.print-only{display:block!important}.qr-print-sheet{grid-template-columns:1fr 1fr!important;gap:16px!important;width:100%!important;padding:12px!important;display:grid!important}.qr-print-card{page-break-inside:avoid!important;break-inside:avoid!important;text-align:center!important;box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#fff!important;border:1.5px dashed #64748b!important;border-radius:6px!important;flex-direction:column!important;align-items:center!important;padding:18px!important;display:flex!important}.qr-print-card-header{border-bottom:1px solid #cbd5e1!important;width:100%!important;margin-bottom:12px!important;padding-bottom:8px!important}.qr-print-event-title{letter-spacing:.5px!important;text-transform:uppercase!important;color:#0f172a!important;font-size:10pt!important;font-weight:700!important}.qr-print-college-name{color:#475569!important;margin-top:2px!important;font-size:7.5pt!important}.qr-print-team-name{color:#000!important;margin:6px 0 2px!important;font-size:13pt!important;font-weight:800!important;line-height:1.2!important}.qr-print-reg-id{font-family:var(--font-mono), monospace!important;color:#0f172a!important;letter-spacing:1.5px!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#f1f5f9!important;border:1px solid #cbd5e1!important;border-radius:4px!important;margin:8px 0!important;padding:4px 12px!important;font-size:14pt!important;font-weight:700!important;display:inline-block!important}.qr-print-meta{color:#334155!important;margin-top:4px!important;font-size:8.5pt!important;font-weight:600!important}.qr-print-image-container{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;margin:10px 0!important;padding:6px!important;display:flex!important}.qr-print-image-container img,.qr-print-image-container svg{width:140px!important;height:140px!important;display:block!important}.qr-print-guideline{color:#64748b!important;font-size:7pt!important;font-family:var(--font-mono), monospace!important;border-top:1px dotted #cbd5e1!important;width:100%!important;margin-top:6px!important;padding-top:6px!important}}