:root{--bg:#0b0f17;--surface:#0f1626;--card:#0f1724;--text:#eaf1ff;--muted:#9fb0cc;--border:#1e2b41;--brand:#5d8bff;--ok:#6ee7b7;--danger:#ef4444;--radius:16px;--shadow:0 12px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.btn{padding:12px 14px;border-radius:12px;border:1px solid transparent;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.btn:active{transform:translateY(1px)}.btn-ghost{background:#0e1628;border:1px solid var(--border);color:var(--text)}.btn-pill{border-radius:999px}.input{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#0a1220;color:var(--text);outline:none;min-width:220px}.input:focus{box-shadow:0 0 0 3px #5d8bff59;border-color:#2a3d5c}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:#0a1220;font-size:12px}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100dvh}.layout-main{min-width:0}.sidebar{background:#0e1626;border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:100dvh;width:280px}.sb-desktop{display:block}.sb-topbar,.sb-drawer{display:none}.sb-header{display:flex;gap:12px;align-items:center}.sb-avatar{width:48px;height:48px;border-radius:999px;background:#16233a;display:grid;place-items:center;font-weight:800;border:1px solid #2a3d5c}.sb-user{display:flex;flex-direction:column}.sb-name{font-weight:800}.sb-meta{font-size:12px;color:var(--muted)}.sb-pill{margin-top:2px;font-size:12px;border-radius:999px;padding:2px 8px;display:inline-block;border:1px solid var(--border)}.sb-ok{background:#0e2a1d;color:#9af0cb;border-color:#195a3e}.sb-exp{background:#2a0f0f;color:#ffb4b4;border-color:#4b1f1f}.sb-nav{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sb-link{display:block;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0f1a2f;color:#dbe7ff;text-decoration:none;font-weight:600;text-align:left}.sb-link:hover{background:#12213c}.sb-link.active{background:#1a2d53}.sb-link.danger{background:#2a1010;border-color:#4f2222;color:#ffb4b4}@media (max-width:980px){.layout{grid-template-columns:1fr}.sb-desktop{display:none}.sb-topbar{position:sticky;top:0;z-index:1001;display:flex;gap:10px;align-items:center;background:linear-gradient(180deg,#0b0f17ee,#0b0f1700);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 14px;border-bottom:1px solid var(--border)}.sb-toggle{background:#0f1a2f;border:1px solid var(--border);border-radius:10px;color:#fff;padding:8px 10px}.sb-brand{font-weight:800;letter-spacing:.3px}.sb-drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000}.sb-drawer.open{display:block}.sb-drawer .sidebar{height:100%;max-width:82%;box-shadow:var(--shadow);position:relative;z-index:10001}}.sticky-bar{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,#0b0f17dd,#0b0f1700);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px;border-bottom:1px solid var(--border)}.grid{display:grid;gap:12px}@media (min-width:520px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:860px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1140px){.grid{grid-template-columns:repeat(4,1fr)}}.event-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden}.event-media{aspect-ratio:16/9;background:linear-gradient(135deg,#0e1a32,#0a1220);position:relative}.event-media .thumb{width:100%;height:100%;object-fit:cover;display:block}.live-dot{width:8px;height:8px;border-radius:99px;background:#f43;box-shadow:0 0 #ef4444b3;position:absolute;top:10px;left:10px;animation:pulse 1.3s infinite}@keyframes pulse{to{box-shadow:0 0 0 12px #ef444400}}.fav{position:absolute;top:10px;right:10px;background:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid #ffffff33;color:#ffd36a;border-radius:10px;padding:6px 8px;cursor:pointer}.event-body{padding:10px 12px}.title{font-weight:700;margin:0 0 6px}.meta{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.actions{display:flex;gap:8px;margin-top:10px}.card-btn{flex:1;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0f1a2f;color:#dbe7ff;cursor:pointer}.card-btn.primary{background:var(--brand);border-color:transparent;color:#fff;font-weight:700}.card-btn.disabled{opacity:.5;cursor:not-allowed;background:#121a2b}.skeleton{position:relative;overflow:hidden;background:#0c1424}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.1s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}.skeleton:after{animation:none}}.login-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/kingott_bg.png) center/cover no-repeat;display:flex;justify-content:center;align-items:center;min-height:100vh;z-index:0}.auth{background:#050a14bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);padding:40px;border-radius:20px;box-shadow:0 20px 40px #00000080;width:90%;max-width:400px;text-align:center;color:#fff}.auth h2{font-size:1.5rem;margin-bottom:.5rem}.auth .input{width:100%;margin:10px 0;padding:12px 14px;border-radius:10px;border:1px solid #1f2a40;background:#0d1424;color:#eaf1ff}.auth .btn{width:100%;padding:12px;border-radius:10px;background:#5d8bff;color:#fff;border:none;font-weight:700;cursor:pointer;transition:background .2s}.auth .btn:hover{background:#4875e5}.alert{background:#2a0f0f;color:#ffb4b4;border:1px solid #5b1f1f;border-radius:10px;padding:8px;margin-bottom:10px}.sb-drawer{z-index:2000!important}