:root{--bg0: #030b13;--bg1: #061421;--bg2: #0a1f32;--glass: rgba(6, 20, 33, .72);--glass-card: rgba(8, 24, 38, .68);--glass-brd: rgba(78, 232, 0, .18);--glass-brd-hover: rgba(78, 232, 0, .45);--silver: #d4e8f7;--text: #f2f9ff;--muted: #88a8c2;--lime: #4ee800;--lime2: #2bbd00;--sky: #00aeef;--blue: #4ee800;--blue2: #00aeef;--ok: #4ee800;--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(1200px 680px at 80% -10%,rgba(78,232,0,.16),transparent 62%),radial-gradient(1000px 600px at -5% 105%,rgba(0,174,239,.18),transparent 60%),linear-gradient(165deg,var(--bg0),var(--bg1) 50%,#02080e);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--lime);text-decoration:none}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:262px;flex:0 0 auto;padding:18px 14px;background:linear-gradient(180deg,#040f19eb,#061421d9);backdrop-filter:blur(32px) saturate(190%);-webkit-backdrop-filter:blur(32px) saturate(190%);border-right:1px solid rgba(78,232,0,.22);box-shadow:6px 0 32px #00000073;display:flex;flex-direction:column;gap:4px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.brand{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 12px 16px;margin-bottom:10px;border-radius:16px;background:radial-gradient(circle at 50% 25%,#00aeef2e,#4ee80014 70%,#030c14b3);border:1px solid rgba(78,232,0,.28);box-shadow:inset 0 1px #ffffff1f,0 10px 26px #00000059;text-align:center}.brand-logo-img{width:168px;height:auto;object-fit:contain;filter:drop-shadow(0 6px 16px rgba(78,232,0,.28))}.brand-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#4ee80024;border:1px solid rgba(78,232,0,.35);color:#8aff4d;font-size:10.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.brand-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.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:600;font-size:13.5px;transition:all .2s cubic-bezier(.16,1,.3,1)}.nav-item svg{width:18px;height:18px;opacity:.88}.nav-item:hover{background:#00aeef1a;border-color:#00aeef47;color:#fff;transform:translate(3px)}.nav-item.active{background:linear-gradient(135deg,#4ee80042,#00aeef2e);border-color:#4ee8008c;color:#fff;box-shadow:0 6px 20px #4ee80033,inset 0 1px #ffffff38}.nav-item.active svg{color:var(--lime);opacity:1}.sidebar .spacer{flex:1}.main{flex:1;overflow-y:auto;padding:24px 30px 48px;scrollbar-width:thin;scrollbar-color:rgba(78,232,0,.28) transparent}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:22px}.topbar h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.3px}.topbar .sub{color:var(--muted);font-size:13px}.topbar .grow{flex:1}.pito2p-hero{display:flex;align-items:center;gap:22px;padding:18px 24px;margin-bottom:20px;border-radius:18px;background:radial-gradient(500px 220px at 12% 50%,rgba(0,174,239,.22),transparent 70%),radial-gradient(500px 220px at 88% 50%,rgba(78,232,0,.18),transparent 70%),linear-gradient(135deg,#05121eeb,#081c2cd9);border:1px solid rgba(78,232,0,.35);box-shadow:0 18px 42px #00000073,inset 0 1px #ffffff24}.pito2p-hero-logo{width:145px;height:auto;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(78,232,0,.32));flex-shrink:0}.pito2p-hero-info h1{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.3px}.pito2p-hero-info h1 span{color:var(--lime)}.pito2p-hero-info p{margin:0;color:var(--silver);font-size:13px}.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 #00000061,inset 0 1px #ffffff1a;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#00aeef59}.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 #0000008c,0 0 20px #4ee8002e}.card h3{margin:0 0 12px;font-size:13px;font-weight:700;color:#9be8ff;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}.pito2p-hero{flex-direction:column;text-align:center}}@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:800;letter-spacing:-.5px}.stat .l{color:#9be8ff;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.stat .x{color:var(--silver);font-size:12px}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;color:#9be8ff;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:#4ee8000d}.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:700}.badge.ok{background:#4ee80029;color:#7dff42;border:1px solid rgba(78,232,0,.35)}.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:#00aeef2e;color:#67dbff;border:1px solid rgba(0,174,239,.38)}button,.btn{background:linear-gradient(135deg,#4ee800,#16a34a 55%,#00aeef);color:#03101c;border:1px solid rgba(255,255,255,.28);border-radius:11px;padding:8px 14px;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 16px #4ee80052,inset 0 1px #ffffff73}button:hover,.btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 22px #4ee8007a,inset 0 1px #ffffff8c}button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}button.ghost{background:#ffffff0d;border:1px solid var(--glass-brd);color:var(--silver);font-weight:600;box-shadow:inset 0 1px #ffffff14}button.ghost:hover{background:#00aeef24;border-color:#4ee80073;color:#fff}button.danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 14px #dc262659}button.sm{padding:5px 10px;font-size:12px;border-radius:9px}input,select,textarea{background:#030c14c7;border:1px solid rgba(0,174,239,.28);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 #00000040}input:focus,select:focus,textarea:focus{border-color:var(--lime);box-shadow:0 0 0 3px #4ee80038,inset 0 1px 2px #0003}label.fld{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--silver);font-weight:600;margin-bottom:12px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080ec2;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:#061421f0;border:1px solid var(--glass-brd-hover);box-shadow:0 25px 60px #000000a6,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;padding:20px}.login-card{width:min(430px,94vw);padding:34px 32px;border-radius:24px;border:1px solid rgba(78,232,0,.38);box-shadow:0 24px 64px #000000a6,0 0 40px #4ee8001f}.login-logo-box{display:flex;flex-direction:column;align-items:center;margin-bottom:18px;text-align:center}.login-logo-box img{width:220px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(78,232,0,.35));margin-bottom:10px}.login-card h1{font-size:22px;margin:0 0 4px;font-weight:800}.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:#4ee80029;color:#8aff4d;border:1px solid rgba(78,232,0,.35);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}