:root{--bg:#f5f7fb;--panel:#fff;--text:#111827;--muted:#667085;--line:#dde5ef;--brand:#0f766e;--blue:#2563eb;--green:#15803d;--orange:#b45309;--red:#b91c1c;--gray:#64748b}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.admin-layout{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;height:100vh;padding:18px;position:sticky;top:0;overflow-y:auto}.brand{gap:4px;margin-bottom:18px;display:grid}.brand strong{font-size:20px}.brand span,.topbar span,.stat-card span{color:var(--muted);font-weight:700}.sidebar nav{gap:4px;display:grid}.sidebar a{color:#334155;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:700;display:flex}.sidebar a.active,.sidebar a:hover{color:var(--brand);background:#e7f7f5}.admin-main{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topbar h1{margin:4px 0 0;font-size:30px}.ghost-button,.primary-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.ghost-button{color:#1d4ed8;background:#eef4ff}.primary-button{background:var(--brand);color:#fff}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card,.data-panel,.live-card,.login-panel,.compact-form{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #0f172a0f}.stat-card{gap:8px;padding:16px;display:grid}.stat-card strong{font-size:30px}.stat-card.blue strong{color:var(--blue)}.stat-card.green strong{color:var(--green)}.stat-card.orange strong{color:var(--orange)}.stat-card.red strong{color:var(--red)}.stat-card.gray strong{color:var(--gray)}.data-panel{margin-bottom:18px;overflow:hidden}.data-panel header{border-bottom:1px solid var(--line);padding:16px}.data-panel h2{margin:0;font-size:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:13px 16px}th{color:var(--muted);font-size:13px}.status{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status.green{color:#166534;background:#dcfce7}.status.orange{color:#9a3412;background:#ffedd5}.status.blue{color:#1e40af;background:#dbeafe}.status.red{color:#991b1b;background:#fee2e2}.status.gray{color:#374151;background:#e5e7eb}.state{color:var(--muted);background:#f8fafc;border-radius:8px;margin:16px;padding:12px 14px;font-weight:700}.state.error{color:var(--red);background:#fef2f2}.live-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.live-card{padding:16px}.live-card header{justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.live-card h2,.live-card p{margin:0}.live-card p,.live-card dt{color:var(--muted)}.video-placeholder{aspect-ratio:16/9;color:#dbeafe;background:#0f172a;border-radius:8px;place-items:center;margin-bottom:12px;font-weight:800;display:grid}.live-card dl{gap:8px;display:grid}.live-card div{min-width:0}.login-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{gap:14px;width:min(100%,420px);padding:24px;display:grid}.login-panel h1{margin:0}.login-panel label,.compact-form{gap:8px;display:grid}input{border:1px solid var(--line);border-radius:8px;min-height:42px;padding:0 12px}.compact-form{grid-template-columns:1fr 180px auto;align-items:center;margin-bottom:16px;padding:12px}@media (max-width:980px){.admin-layout{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-main{padding:16px}}@media (max-width:640px){.topbar,.live-card header,.compact-form{grid-template-columns:1fr;display:grid}.topbar h1{font-size:24px}}