:root{--bg:#0a0f1c;--surface:#111827;--card:#1a2235;--hover:#1f2d45;--border:#ffffff14;--text:#e2e8f0;--muted:#94a3b8;--accent:#3b82f6;--green:#4ade80;--amber:#fbbf24;--red:#f87171}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,sans-serif}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif}h2{margin-bottom:14px}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:12px}.ok{color:var(--green)}.err{color:var(--red)}.center{place-items:center;min-height:100%;padding:16px;display:grid}.shell{height:100%;display:flex}.side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:16px;width:230px;padding:16px 12px;display:flex}.brand{padding:0 8px;font-family:Space Grotesk,sans-serif;font-size:18px}.brand b{color:var(--accent)}nav{flex-direction:column;gap:4px;display:flex}nav button{text-align:left;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:9px 10px}nav button:hover{background:var(--hover)}nav button.on{background:var(--card);color:var(--text)}.side-foot{word-break:break-all;flex-direction:column;gap:8px;margin-top:auto;display:flex}.main{flex:1;padding:24px;overflow:auto}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;padding:16px}.login{text-align:center;flex-direction:column;gap:14px;max-width:380px;display:flex}.btn{background:var(--hover);color:var(--text);border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:8px;padding:9px 14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.small{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}input,select{color:var(--text);border:1px solid var(--border);font:inherit;background:#0d1424;border-radius:8px;max-width:100%;padding:9px 10px}.card>input{width:100%;margin:12px 0}.filters{flex-wrap:wrap;gap:8px;display:flex}.grow{flex:1;min-width:220px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bar{margin-bottom:12px}.bar label{color:var(--muted);align-items:center;gap:6px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.vid{flex-direction:column;margin:0;padding:0;display:flex;overflow:hidden}.thumb{aspect-ratio:16/9;background:#000;display:block;position:relative}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.dur{background:#000c;border-radius:4px;padding:1px 5px;font-size:11px;position:absolute;bottom:6px;right:6px}.vid-body{flex-direction:column;gap:6px;padding:12px;display:flex;position:relative}.vid-body h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-right:48px;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.vid-body .btn{align-self:flex-start;margin-top:4px}.stats{color:var(--muted);flex-wrap:wrap;gap:10px;display:flex}.score{text-align:center;background:var(--hover);border-radius:8px;min-width:40px;padding:3px 7px;font-weight:700;position:absolute;top:10px;right:12px}.shi,.score.shi{color:var(--green);background:#4ade802e}.smid{color:var(--amber);background:#fbbf242e}.slo{color:var(--red);background:#f8717126}.head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.head img{border-radius:50%;width:56px;height:56px}.head>div{flex:1;min-width:200px}.tag{background:var(--accent);color:#fff;vertical-align:middle;border-radius:6px;padding:1px 6px;font-size:11px}.kpis{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:14px;display:grid}.kpis .card{margin:0}.kpi-v{text-transform:capitalize;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{background:var(--hover);border-radius:999px;padding:4px 10px}.chip b{color:var(--accent);margin-left:4px}h3+.grid{margin-top:10px}@media (width<=760px){.shell{flex-direction:column}.side{flex-flow:wrap;align-items:center;width:auto}nav{flex-direction:row}.side-foot{flex-direction:row;align-items:center;margin:0 0 0 auto}.main{padding:14px}}