:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1e1e1e;background:#eef3f5;--brand-deep: #0f4c5c;--brand-teal: #2bb4a8;--brand-orange: #f57c00;--brand-ink: #1e1e1e;--brand-muted: #b9c1c9;--surface: #ffffff;--surface-soft: #f6fafb;--surface-tint: #eef8f7;--border: #d5dde3;--border-strong: #b9c1c9;--shadow-soft: 0 14px 32px rgba(15, 76, 92, .08);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(43,180,168,.1),transparent 24%),linear-gradient(180deg,#f4f8fa,#edf2f4)}.app-shell{min-height:100vh}.topbar{display:block;min-height:clamp(112px,17vh,164px);padding:1rem 1.5rem;background-color:var(--brand-deep);color:#fff;border-bottom:0;position:relative;overflow:hidden}.topbar:before{content:"";position:absolute;inset:0;background-image:var(--topbar-logo);background-repeat:no-repeat;background-position:center 56%;background-size:112% 100%;filter:saturate(1.16) contrast(1.08) brightness(1.04);opacity:.98;z-index:0}.topbar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a181fad,#0f4c5c6b 45%,#2bb4a829);z-index:0}.brand{display:flex;align-items:center;min-height:clamp(64px,10vh,96px);color:#fff;text-decoration:none;min-width:0;position:relative;z-index:1}.topnav{display:flex;flex-wrap:wrap;gap:.85rem 1rem;align-items:center;justify-content:center;padding:.38rem 1rem;background:linear-gradient(180deg,#0f4c5cfa,#0a3f4cfa);border-top:1px solid rgba(255,255,255,.08);border-bottom:4px solid var(--brand-orange);box-shadow:0 12px 24px #0f4c5c2e;position:relative;z-index:1}.topnav a{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.01em;text-shadow:none;padding:.26rem .64rem;border-radius:999px;background:transparent;box-shadow:none;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease;line-height:1.1}.topnav a:hover{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff1f}.topnav-signout{border:1px solid rgba(255,255,255,.45);background:#ffffff14;color:#fff;border-radius:999px;padding:.24rem .64rem;font-size:.78rem;font-weight:600;cursor:pointer;text-shadow:none;line-height:1.1}.topnav-signout:hover{background:#ffffff29}.topnav a.active{color:#fff;text-decoration:none;background:#f57c00eb;box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 18px #f57c003d}.nav-button{border:0;background:transparent;color:#dbf5f7;cursor:pointer;padding:0}.nav-button:hover{color:#fff}.meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:right;padding:.8rem 1rem;border-radius:18px;background:#04111a70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:1}.meta button{cursor:pointer}.live-public-selector{display:inline-grid;gap:.35rem;margin-top:.75rem;font-weight:600}.live-public-selector select{min-width:320px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content{max-width:960px;margin:0 auto;padding:1.2rem}.content--wide{max-width:none}.subscription-banner{display:flex;gap:.6rem;align-items:center;padding:.7rem 1rem;background:#f57c001a;border-bottom:1px solid rgba(245,124,0,.28);color:#7a4600}section{background:linear-gradient(180deg,#fffffffa,#f6fafbf5);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.15rem;box-shadow:var(--shadow-soft)}.starting-list-page,.live-screen-page,.exports-page{background:transparent;border:0;border-radius:0;padding:0}.home-page{display:grid;gap:1rem;max-width:720px}.subscription-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:1rem 0}.subscription-plan-card{display:grid;gap:.35rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;box-shadow:var(--shadow-soft)}.subscription-plan-card input,.subscription-plan-card p{margin:0}.subscription-plan-card--selected{border-color:var(--brand-teal);background:var(--surface-tint)}.subscription-status-card{display:grid;gap:.25rem;margin-top:1rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.subscription-billing-card{display:grid;gap:.5rem;margin-top:1rem;padding:.9rem 1rem;border:1px solid rgba(43,180,168,.34);border-radius:var(--radius-md);background:linear-gradient(180deg,#2bb4a814,#fffffff0)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.admin-stat-card{display:grid;gap:.25rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-soft)}.admin-stat-card strong{font-size:1.5rem;line-height:1}.admin-toolbar{display:flex;gap:.75rem;align-items:end;flex-wrap:wrap;margin-bottom:1rem}.admin-search-field{min-width:260px}.starting-list-toolbar{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.starting-list-toolbar-actions{display:flex;gap:.75rem;align-items:end}.starting-list-selector{min-width:280px;max-width:380px}.search-field{max-width:420px;margin-bottom:1rem}input{margin-left:.5rem}h2{margin-top:1.2rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}input,select,button{font:inherit}input,select{margin-left:0;padding:.62rem .78rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fffffff5;color:var(--brand-ink);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}textarea{font:inherit;padding:.65rem .78rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fffffff5;resize:vertical;color:var(--brand-ink);transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-teal);box-shadow:0 0 0 4px #2bb4a824}.compact-field{max-width:7rem}button{padding:.62rem .95rem;border:0;border-radius:999px;background:linear-gradient(180deg,var(--brand-teal) 0%,#229b91 100%);color:#fff;font-weight:700;box-shadow:0 10px 18px #2bb4a833;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover{filter:brightness(1.03);transform:translateY(-1px)}button:disabled{cursor:not-allowed;filter:grayscale(.18);opacity:.66;transform:none;box-shadow:none}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.7rem}.grid-span-2{grid-column:span 2}.check{flex-direction:row;align-items:center;margin-top:1.35rem}.actions{display:flex;gap:.5rem;align-items:end;flex-wrap:nowrap}.actions button{white-space:nowrap}.ring-form-actions{justify-content:flex-start;align-items:center;flex-wrap:wrap;width:fit-content}.row-actions{display:flex;gap:.35rem;justify-content:flex-end}.class-name-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.archived-class-row{background:#4d66710f}.archived-class-badge{display:inline-flex;align-items:center;padding:.16rem .5rem;border-radius:999px;font-size:.76rem;line-height:1.2;color:#4d6671;background:#4d66711f;border:1px solid rgba(77,102,113,.24)}.section-actions{margin:1rem 0}.import-help{padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);line-height:1.5}.ring-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin-bottom:.75rem}.ring-control-card{display:grid;gap:.3rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-soft)}.ring-control-card h3{margin:0 0 .2rem;font-size:1rem}.starting-list-highlight{display:grid;gap:.35rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);box-shadow:var(--shadow-soft)}.starting-list-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}.announcement-strip{display:grid;gap:.75rem;margin-bottom:1rem}.live-screen-category{margin:.35rem 0 0;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-deep)}.announcement-card{display:grid;gap:.25rem;padding:.8rem .95rem;border:1px solid var(--border);border-left:4px solid var(--brand-orange);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft)}.live-screen-toolbar,.exports-toolbar{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.exports-actions{display:flex;gap:.75rem;align-items:end}.exports-selector{min-width:280px;max-width:380px}.exports-report{display:grid;gap:1rem}.exports-report-header{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft)}.exports-report-header h1,.export-class-header h2{margin:0}.export-class-sheet{padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);break-inside:avoid}.export-class-header{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.export-class-meta{display:grid;gap:.25rem;text-align:right}.exports-class-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap;margin-top:.5rem}.live-screen-meta{display:grid;gap:.25rem;text-align:right}.live-public-event-panel{display:grid;gap:.9rem;margin-top:.85rem;max-width:780px}.live-run-groups{display:grid;gap:.85rem}.live-run-group{display:grid;gap:.45rem;padding:.9rem 1rem;border:1px solid rgba(185,193,201,.5);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:var(--shadow-soft)}.live-run-link{width:100%;justify-content:flex-start;text-align:left;background:#0f4c5c14;color:var(--brand-deep);box-shadow:none}.live-run-link--active{background:linear-gradient(180deg,var(--brand-teal) 0%,#23a498 100%);color:#fff}.live-screen-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:1rem;align-items:start}.live-screen-current{display:grid;gap:.4rem;padding:1rem;font-size:1.05rem}.starting-list-side,.starting-list-main{display:grid;gap:1rem}.starting-list-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-soft);overflow:hidden}.starting-list-card-header,.exports-report-header,.export-class-header,.profile-card,.subscription-status-card,.subscription-billing-card,.ring-control-card,.admin-stat-card{position:relative}.starting-list-card-header:after,.exports-report-header:after,.export-class-header:after,.profile-card:after,.subscription-status-card:after,.subscription-billing-card:after,.ring-control-card:after,.admin-stat-card:after{content:"";position:absolute;left:1rem;right:1rem;bottom:0;height:1px;background:linear-gradient(90deg,#2bb4a859,#b9c1c900)}table{width:100%;border-collapse:separate;border-spacing:0}th{background:#0f4c5c14;color:var(--brand-deep);text-align:left;font-weight:700}th,td{padding:.8rem .85rem;border-bottom:1px solid rgba(185,193,201,.45)}tr:last-child td{border-bottom:0}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:#fffffffa;box-shadow:var(--shadow-soft);overflow:hidden}.table-wrap table{margin:0}.danger-button{background:linear-gradient(180deg,var(--brand-orange) 0%,#dd6f00 100%);box-shadow:0 10px 18px #f57c0033}.success{padding:.85rem 1rem;border-radius:var(--radius-md);background:#2bb4a81f;border:1px solid rgba(43,180,168,.28);color:var(--brand-deep)}.error{padding:.85rem 1rem;border-radius:var(--radius-md);background:#f57c001a;border:1px solid rgba(245,124,0,.24);color:#8b4200}.hint{color:#4d6671}.starting-list-card-header{padding:.85rem 1rem 0}.starting-list-card-header h2{margin:0}.starting-list-card-table{overflow-x:visible}.starting-list-table th,.starting-list-table td{white-space:normal}@media(max-width:900px){.starting-list-toolbar{flex-direction:column}.starting-list-toolbar-actions{width:100%;flex-direction:column;align-items:stretch}.starting-list-selector{min-width:0;width:100%;max-width:none}.grid-span-2{grid-column:auto}.starting-list-layout{grid-template-columns:1fr}.live-screen-toolbar{flex-direction:column}.live-screen-meta{text-align:left}.live-screen-layout{grid-template-columns:1fr}.exports-toolbar,.export-class-header{flex-direction:column}.exports-selector{min-width:0;width:100%;max-width:none}.export-class-meta{text-align:left}}@media print{@page{size:A4 landscape;margin:10mm}.topbar,.print-hidden,.print-hidden-class{display:none!important}body,:root{background:#fff}.content,.content--wide{max-width:none;margin:0;padding:0}.exports-page,.exports-report,.export-class-sheet,.exports-report-header{background:#fff}.export-class-sheet,.exports-report-header{border:1px solid #bfc8cd}.exports-report{gap:0}.exports-report-header{margin-bottom:6mm}.export-class-sheet{page-break-inside:avoid;break-inside:avoid;page-break-after:always;break-after:page;border-radius:0;padding:6mm;min-height:180mm}.export-class-sheet:last-child{page-break-after:auto;break-after:auto}.export-class-header{margin-bottom:4mm}.export-class-sheet table{table-layout:fixed}.export-class-sheet th,.export-class-sheet td{padding:2mm 2.4mm;font-size:10pt;white-space:normal;vertical-align:top}.export-class-sheet h2{margin-top:0}}@media(max-width:1100px){.topbar{text-align:center;min-height:clamp(104px,15vh,144px)}.topbar:before{background-position:center 58%;background-size:108% 100%}.brand{justify-content:center}.meta{text-align:center}}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.profile-card{background:#fff;border:1px solid #d6e0e5;border-radius:18px;padding:1rem}.profile-card h2,.profile-card h3{margin-top:0}.profile-logo-preview{margin:.75rem 0;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.profile-logo-preview img{display:block;max-width:100%;max-height:96px;object-fit:contain}.auth-form{display:grid;gap:.75rem;max-width:360px}.auth-switch{display:flex;gap:.5rem;margin-bottom:1rem}.auth-provider-block{margin-bottom:.75rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid #d4dde2;padding:.4rem .5rem;text-align:left;white-space:nowrap}.number-column{width:4.5rem}.error{color:#9e1328;font-weight:600}.hint{color:#5d6b73}.link-button{border:0;background:transparent;padding:0;margin-top:.75rem;color:#0f5f66;text-decoration:underline;cursor:pointer}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .65rem;border:1px solid #0f5f66;border-radius:4px;color:#0f5f66;text-decoration:none;background:#fff}.button-link--disabled{opacity:.5;pointer-events:none}.success{color:#1b6b3d;font-weight:600}.danger-button{background:#b42318;color:#fff;border:1px solid #8f1c13}.accent-button{background:linear-gradient(180deg,var(--brand-orange) 0%,#dd6f00 100%);color:#fff;box-shadow:0 10px 18px #f57c0033}.success-button{background:linear-gradient(180deg,#2f9e44,#237938);color:#fff;box-shadow:0 10px 18px #2f9e4433}.debug-panel{margin:1rem 0;background:#f7fafb;border:1px solid #d4dde2;border-radius:8px;padding:.8rem}.debug-pre{overflow-x:auto;background:#edf3f5;padding:.75rem;border-radius:6px;font-size:.9rem}.modal-backdrop{position:fixed;inset:0;background:#1020258c;display:grid;place-items:center;padding:1rem;z-index:1000}.modal-card{width:min(720px,100%);background:#fff;border:1px solid #d4dde2;border-radius:12px;padding:1rem;display:grid;gap:1rem}.modal-header{display:flex;align-items:start;justify-content:space-between;gap:1rem}.modal-header h2{margin:0}.modal-summary{display:grid;gap:.25rem;padding:.8rem .9rem;border:1px solid #d4dde2;border-radius:8px;background:#f7fafb}html{scroll-behavior:smooth}body{color:#18323a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.38),transparent 35%),radial-gradient(circle at 15% 20%,rgba(43,180,168,.08),transparent 22%),radial-gradient(circle at 85% 14%,rgba(245,124,0,.08),transparent 18%);z-index:-1}.topbar{min-height:clamp(120px,18vh,172px);padding:1.2rem 1.6rem 1rem}.topbar:after{background:linear-gradient(90deg,#08161cb8,#0f4c5c75 48%,#2bb4a824),linear-gradient(180deg,#ffffff05,#fff0)}.topnav{position:sticky;top:0;padding:.6rem 1rem;gap:.65rem .8rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topnav a,.topnav-signout{min-height:40px}.topnav a{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem}.topnav-signout{padding:.5rem .9rem}.content{max-width:1120px;padding:1.5rem clamp(1rem,2.4vw,2rem) 2rem}section{padding:1.3rem 1.35rem}section>h1{margin:0 0 .45rem;font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.08;letter-spacing:-.02em;color:#123843}section>p{margin-top:0;color:#55707a}h2{margin-top:1.35rem;margin-bottom:.55rem;color:#123843}h3{color:#195360}p,li,td,th,label,input,select,textarea,button{line-height:1.45}label{font-weight:600;color:#264a54}input,select,textarea{min-height:44px;border-color:#c7d4da;box-shadow:inset 0 1px #ffffffbf}textarea{min-height:96px}input:hover,select:hover,textarea:hover{border-color:#9fb5be}input::placeholder,textarea::placeholder{color:#8da1aa}button{min-height:42px;padding:.68rem 1rem;letter-spacing:.01em}.actions,.row-actions,.exports-actions,.starting-list-toolbar-actions,.exports-class-actions{gap:.6rem}.row-actions button{min-height:36px;padding:.48rem .82rem;box-shadow:0 6px 14px #2bb4a824}.danger-button{box-shadow:0 10px 18px #b423182e}.grid{gap:.9rem}.profile-grid,.subscription-plan-grid,.ring-control-grid,.admin-stats-grid,.starting-list-layout,.live-screen-layout,.exports-report,.announcement-strip{gap:1.1rem}.starting-list-toolbar,.live-screen-toolbar,.exports-toolbar{margin-bottom:1.15rem}.profile-card,.subscription-status-card,.subscription-billing-card,.ring-control-card,.admin-stat-card,.starting-list-card,.exports-report-header,.export-class-sheet,.import-help,.announcement-card,.live-run-group,.starting-list-highlight,.table-wrap{box-shadow:0 16px 34px #0f4c5c14,0 2px 8px #0f4c5c0a}.subscription-status-card,.subscription-billing-card,.ring-control-card,.admin-stat-card,.starting-list-highlight,.import-help,.profile-logo-preview,.live-run-group{background:linear-gradient(180deg,#fffffffa,#f6fafbf0)}.starting-list-card-header,.exports-report-header,.export-class-header{padding:1rem 1rem .2rem}.live-screen-meta,.export-class-meta{padding:.85rem 1rem;border:1px solid rgba(185,193,201,.46);border-radius:var(--radius-md);background:#ffffffc7}.table-wrap{border-color:#cfdae0}th{background:linear-gradient(180deg,#0f4c5c1c,#0f4c5c12)}tbody tr:nth-child(2n) td{background:#f6fafbbd}tbody tr:hover td{background:#2bb4a814}.live-run-link{border:1px solid rgba(15,76,92,.1)}.live-run-link:not(.live-run-link--active):hover{background:#0f4c5c21;color:#103c48}.hint{font-size:.94rem}.success,.error{margin-top:1rem}.profile-logo-preview img{max-height:112px}.subscription-banner{padding:.82rem 1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:900px){.content{padding:1rem .9rem 1.5rem}section{padding:1rem}.topnav{position:static}}