:root{--bg0: #040813;--bg1: #070e20;--bg2: #0d1730;--glass: rgba(15, 23, 42, .52);--glass-card: rgba(18, 28, 52, .45);--glass-brd: rgba(255, 255, 255, .11);--glass-brd-hover: rgba(255, 255, 255, .28);--silver: #cbd5e1;--text: #f1f5f9;--muted: #94a3b8;--blue: #3b82f6;--blue2: #2563eb;--ok: #10b981;--warn: #f59e0b;--err: #ef4444;--radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,Roboto,sans-serif;background:radial-gradient(1300px 750px at 75% -15%,rgba(59,130,246,.18),transparent 65%),radial-gradient(1000px 600px at -10% 110%,rgba(139,92,246,.12),transparent 60%),linear-gradient(165deg,var(--bg0),var(--bg1) 50%,#050a17);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;flex:0 0 auto;padding:22px 14px;background:#0a101e7a;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border-right:1px solid var(--glass-brd);display:flex;flex-direction:column;gap:3px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.brand{display:flex;align-items:center;gap:12px;padding:6px 10px 22px}.brand .logo{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#3b82f6,#60a5fa);display:grid;place-items:center;font-weight:800;color:#fff;font-size:15px;box-shadow:0 8px 24px #3b82f666,inset 0 1px #fff6}.brand h1{font-size:15px;margin:0;font-weight:700;letter-spacing:.3px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:11px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:12px;color:var(--silver);cursor:pointer;border:1px solid transparent;font-weight:500;font-size:13.5px;transition:all .2s cubic-bezier(.16,1,.3,1)}.nav-item svg{width:18px;height:18px;opacity:.85}.nav-item:hover{background:#ffffff0f;border-color:#ffffff14;color:var(--text);transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,#3b82f647,#3b82f61a);border-color:#3b82f673;color:#fff;box-shadow:0 4px 16px #3b82f638,inset 0 1px #fff3}.sidebar .spacer{flex:1}.main{flex:1;overflow-y:auto;padding:24px 30px 48px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:22px}.topbar h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.3px}.topbar .sub{color:var(--muted);font-size:13px}.topbar .grow{flex:1}.card{background:var(--glass-card);border:1px solid var(--glass-brd);border-radius:var(--radius);padding:18px 20px;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);box-shadow:0 16px 40px #0000005c,inset 0 1px #ffffff1f;transition:border-color .2s,box-shadow .2s}.card.poster-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}.card.poster-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--glass-brd-hover);box-shadow:0 20px 45px #00000080,inset 0 1px #ffffff40}.card h3{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--silver);text-transform:uppercase;letter-spacing:.8px}.grid{display:grid;gap:14px}.grid.cols8{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}.grid.cols4{grid-template-columns:repeat(4,1fr)}.grid.cols3{grid-template-columns:repeat(3,1fr)}.grid.cols2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1720px){.grid.cols8{grid-template-columns:repeat(7,1fr)}}@media (max-width: 1460px){.grid.cols8{grid-template-columns:repeat(6,1fr)}}@media (max-width: 1180px){.grid.cols8{grid-template-columns:repeat(4,1fr)}.grid.cols4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 820px){.grid.cols8{grid-template-columns:repeat(3,1fr)}.grid.cols4,.grid.cols3{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.grid.cols8,.grid.cols4,.grid.cols3,.grid.cols2{grid-template-columns:1fr}.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap}}.stat{display:flex;flex-direction:column;gap:6px}.stat .v{font-size:28px;font-weight:750;letter-spacing:-.5px}.stat .l{color:var(--muted);font-size:11.5px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat .x{color:var(--silver);font-size:12px}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;padding:10px 12px;border-bottom:1px solid var(--glass-brd);white-space:nowrap}.tbl td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.tbl tr:hover td{background:#ffffff0a}.tbl .actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600}.badge.ok{background:#10b98129;color:#34d399;border:1px solid rgba(16,185,129,.25)}.badge.err{background:#ef444429;color:#f87171;border:1px solid rgba(239,68,68,.25)}.badge.warn{background:#f59e0b29;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.badge.mut{background:#94a3b829;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.badge.blue{background:#3b82f629;color:#93c5fd;border:1px solid rgba(59,130,246,.25)}button,.btn{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:11px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px #2563eb4d,inset 0 1px #ffffff40}button:hover,.btn:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb6b,inset 0 1px #ffffff59}button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}button.ghost{background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--silver);box-shadow:inset 0 1px #ffffff14}button.ghost:hover{background:#ffffff1a;border-color:var(--glass-brd-hover);color:#fff}button.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #dc262659}button.sm{padding:5px 10px;font-size:12px;border-radius:9px}input,select,textarea{background:#060b16a6;border:1px solid var(--glass-brd);color:var(--text);border-radius:11px;padding:9px 12px;font-size:13px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0003}input:focus,select:focus,textarea:focus{border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f633,inset 0 1px 2px #0003}label.fld{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);margin-bottom:12px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060fb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(720px,94vw);max-height:88vh;overflow-y:auto;background:#121c34e0;border:1px solid var(--glass-brd-hover);box-shadow:0 25px 60px #0009,inset 0 1px #fff3;border-radius:20px}.modal .mhead{display:flex;align-items:center;margin-bottom:14px}.modal .mhead h3{margin:0;font-size:18px;font-weight:700}.modal .mhead .grow{flex:1}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1}.mt{margin-top:14px}.mb{margin-bottom:14px}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.prewrap{white-space:pre-wrap;word-break:break-all}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw);padding:34px;border-radius:22px}.login-card h1{font-size:23px;margin:0 0 6px;font-weight:750}.errbox{background:#ef444429;color:#fca5a5;border:1px solid rgba(239,68,68,.3);padding:10px 14px;border-radius:11px;font-size:12.8px;margin-bottom:12px}.okbox{background:#10b98129;color:#6ee7b7;border:1px solid rgba(16,185,129,.3);padding:10px 14px;border-radius:11px;font-size:12.8px;margin-bottom:12px}.chart-line{width:100%;height:130px}.video-box video{width:100%;border-radius:14px;background:#000;max-height:52vh}.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;font-size:12.8px}.kv .k{color:var(--muted)}.pager{display:flex;gap:8px;align-items:center;margin-top:16px}.logo-cell{width:36px;height:26px;border-radius:6px;object-fit:contain;background:#ffffff0f;padding:2px}
