:root{--bg:#030F20;--bg-elev:#0B1F3A;--card:#10243F;--line:#1A3354;--text:#ffffff;--muted:#B7C3D4;--faint:#8796AB;--accent:#C6F432;--accent-ink:#030F20;--alert:#ff6b6b;--ok:#C6F432;--warn:#F5D36C;--pend:#7EB6FF;--shadow:0 20px 50px rgba(3,15,32,.55)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text)}body{font-family:Space Grotesk,system-ui,sans-serif;min-height:100vh;letter-spacing:-.011em}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:28px 20px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0B1F3A,#030F20);display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid #1a3354}.brand small{display:block;color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.16em}.brand strong{font-size:15px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:500}.nav a.active,.nav a:hover{background:#132844;color:var(--text)}.nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.side-foot{margin-top:auto;color:var(--faint);font-size:12px}.logout{width:100%;margin-top:10px;background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:8px;cursor:pointer}.logout:hover{color:var(--text);border-color:#C6F432}.main{padding:36px 44px 80px;max-width:1280px}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.kicker{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}h1{font-size:40px;margin:6px 0 8px;letter-spacing:-.03em;line-height:1.05}h2{font-size:22px;margin:0 0 16px;letter-spacing:-.02em}.lede{color:var(--muted);max-width:640px;line-height:1.55}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:34px}.card,.stat{background:var(--card);border:1px solid var(--line);border-radius:18px}.stat{padding:18px 20px}.stat b{display:block;font-size:28px;letter-spacing:-.04em}.stat span{color:var(--muted);font-size:13px}.grid{display:grid;grid-gap:18px;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.section{margin-top:40px}.video-card{overflow:hidden;transition:transform .2s ease,border-color .2s ease}.video-card:hover{transform:translateY(-3px);border-color:#C6F432}.thumb-wrap{position:relative;aspect-ratio:9/16;background:#02101F;overflow:hidden}.thumb-wrap img{width:100%;height:100%;object-fit:cover}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.badge.ok{background:#1a3310;color:var(--ok)}.badge.warn{background:#3a2d0c;color:var(--warn)}.badge.pend{background:#143055;color:var(--pend)}.badge.muted{background:#132844;color:var(--muted)}.badge.accent{background:var(--accent);color:var(--accent-ink)}.card-body{padding:14px 16px 18px}.card-body h3{margin:8px 0 6px;font-size:16px;line-height:1.3}.meta{color:var(--faint);font-size:13px}.book-card{display:grid;grid-template-columns:110px 1fr;grid-gap:16px;gap:16px;padding:14px}.book-card img{width:110px;height:176px;object-fit:cover;border-radius:8px}.price{color:var(--accent);font-weight:600;margin-top:8px}.player{display:grid;grid-template-columns:minmax(260px,380px) 1fr;grid-gap:32px;gap:32px;align-items:start}video{width:100%;border-radius:18px;background:#02101F;border:1px solid var(--line);max-height:82vh}.panel{padding:22px}.caption{white-space:pre-wrap;line-height:1.6;color:#eef3ea;background:#0B1F3A;border-radius:14px;padding:16px;border:1px solid var(--line)}.row{display:flex;flex-wrap:wrap;gap:8px}.btn{border:0;border-radius:999px;padding:10px 16px;font-weight:600;cursor:pointer;background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:#132844;color:var(--text);border:1px solid var(--line)}.btn:hover{filter:brightness(1.05)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--faint);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(900px 480px at 50% -10%,rgba(198,244,50,.18),transparent 55%),#030F20;padding:24px}.login-card{width:min(440px,100%);background:#0B1F3A;border:1px solid #1a3354;border-radius:24px;padding:36px 32px;box-shadow:var(--shadow)}.login-card img.logo{width:72px;height:72px;border-radius:18px;margin-bottom:18px}.login-card label{display:block;margin:18px 0 8px;color:var(--muted);font-size:14px}.login-card input{width:100%;background:#030F20;color:white;border:1px solid #1a3354;border-radius:12px;padding:12px 14px}.login-card input:focus{outline:2px solid var(--accent);border-color:transparent}.err{color:#fda4a4;background:#3f1010;border-radius:10px;padding:10px 12px;font-size:14px}.form-grid{display:grid;grid-gap:14px;gap:14px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#030F20;color:white;border:1px solid #1a3354;border-radius:12px;padding:12px 14px}.form-grid textarea{min-height:140px;resize:vertical}.swatch{width:72px;height:72px;border-radius:16px;border:1px solid #333}.color-row{display:flex;gap:16px;flex-wrap:wrap}.color-item{width:140px}.color-item code{color:var(--muted);font-size:12px}.filter{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter a,.filter button{background:#132844;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 12px;cursor:pointer}.filter a.on,.filter button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}@media (max-width:980px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.main{padding:24px 18px 60px}.book-card,.grid-2,.grid-3,.grid-4,.player,.stats{grid-template-columns:1fr}h1{font-size:30px}}.nav{overflow-y:auto}.hashtag-panel{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.hashtag-card{background:#0B1F3A}.highlight-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid #c6f432;background:#030F20}.highlight-card{overflow:hidden;padding:18px;text-align:center}.highlight-card .highlight-cover{width:70%;margin:8px auto 0}.highlight-cover.small{width:88px;min-width:88px}.theme-card{display:grid;grid-template-columns:88px 1fr;grid-gap:16px;gap:16px;align-items:center}.btn.disabled{opacity:.55;cursor:default;pointer-events:none}.buy-row{margin-top:12px}.store-wrap{min-height:100vh;padding:48px 20px 80px;background:radial-gradient(900px 480px at 50% -10%,rgba(198,244,50,.16),transparent 55%),#030F20}.store-hero{max-width:760px;margin:0 auto 48px;text-align:center}.store-hero .lede{margin:0 auto}.store-logo{width:88px;height:88px;border-radius:22px;margin:0 auto 18px;border:1px solid #1a3354;object-fit:cover}.store-social{display:flex;justify-content:center;gap:18px;margin-top:22px;flex-wrap:wrap}.store-social a{color:#C6F432;font-weight:600}.store-wrap section{max-width:1100px;margin:0 auto}.store-card,.store-mini{display:grid;grid-template-columns:140px 1fr;grid-gap:18px;gap:18px;padding:16px}.store-card img,.store-mini img{width:140px;height:224px;object-fit:cover;border-radius:8px}.store-mini{grid-template-columns:110px 1fr}.store-mini img{width:110px;height:176px}.store-foot{max-width:1100px;margin:36px auto 0;color:#8796AB;font-size:14px;text-align:center}@media (max-width:980px){.store-card,.store-mini{grid-template-columns:1fr}}