*{box-sizing:border-box}body{color:#f6f7fb;background-color:#05070d;background-image:linear-gradient(#195db459 1px,#0000 1px),linear-gradient(90deg,#195db459 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:54px 54px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}.app{background:linear-gradient(90deg,#101522 0 260px,#05070dc7 260px);min-height:100vh;display:flex}aside{background:#181818;border-right:1px solid #333;width:260px;padding:28px 22px;position:fixed;top:0;bottom:0;left:0}.logo{color:#ff1493;margin-bottom:22px;font-size:32px;font-weight:900}.logo span{color:#00d19a}aside small{color:#c8c8c8;margin-bottom:26px;display:block}aside label{letter-spacing:6px;color:#666;font-size:11px;font-weight:800}aside button{color:#ccc;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;margin:6px 0;padding:15px 14px;font-weight:700;display:flex}aside button.on,aside button:hover{color:#00e0a4;background:#10372d;box-shadow:inset 0 0 18px #00e0a41f}.foot{position:absolute;bottom:24px;left:22px;right:22px}main{width:calc(100% - 260px);margin-left:260px;padding:36px 42px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar small{color:#00e0a4;letter-spacing:4px;font-weight:900}.topbar h1{margin:6px 0;font-size:32px}.topbar p{color:#8f96a3;margin:0}.sysBadge{color:#00e0a4;background:#102c24;border:1px solid #174f41;border-radius:16px;align-items:center;gap:8px;padding:12px 18px;font-weight:900;display:flex}.login{background:radial-gradient(circle at top,#112040,#05070d);justify-content:center;align-items:center;height:100vh;display:flex}.loginbox{background:#151821;border:1px solid #29314b;border-radius:26px;width:420px;padding:36px;box-shadow:0 20px 80px #000}.brand{color:#00e0a4;font-size:28px;font-weight:900}.loginbox input,.row input,.row select,select{color:#fff;background:#0c1020;border:1px solid #303a5e;border-radius:12px;width:100%;margin:6px 0;padding:14px}.loginbox button,.primary{color:#fff;cursor:pointer;background:#10c994;border:0;border-radius:12px;padding:13px 18px;font-weight:900}.danger{color:#fff;cursor:pointer;background:#ff3b5f;border:0;border-radius:12px;padding:13px 18px;font-weight:900}.card,.channelCard,.partnerCard{background:#191919f0;border:1px solid #3a3a3a;border-radius:24px;padding:24px;box-shadow:0 14px 50px #00000059}.gridCards{grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:22px;display:grid}.channelCard{background:#121a33;border-color:#233a75}.cardHead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cardHead h2{margin:0 0 8px}.pill{text-transform:uppercase;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.green{color:#19f0b0;background:#0d6b4d}.red{color:#ff6b88;background:#652335}.orange{color:#ffc56d;background:#5a3a12}.iconBtn{color:#fff;background:#232b43;border:1px solid #3a456b;border-radius:12px;padding:10px}.previewVideo{background:#000;border-radius:16px;width:480px;max-width:100%;height:270px;margin:10px 0 18px;display:block}.metrics{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0;display:grid}.metrics div{background:#0b1020;border:1px solid #263152;border-radius:14px;padding:14px}.metrics b{color:#00e0a4;font-size:20px;display:block}.metrics span{color:#7d859a;font-size:11px;font-weight:900}.infoLine,.outputs{background:#0c1020;border:1px solid #263152;border-radius:14px;margin:10px 0;padding:14px}.infoLine span,.outputs span{color:#8b93aa;margin-bottom:6px;font-size:12px;font-weight:900;display:block}code{color:#a9c8ff;word-break:break-all;font-family:Consolas,monospace}.outputs>div{justify-content:space-between;align-items:center;display:flex}.outputs button{color:#cfe0ff;background:#1a2546;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;display:flex}.profileRow{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.profileRow div{background:#121832;border:1px solid #2e3d69;border-radius:14px;padding:12px}.profileRow b{display:block}.profileRow small{color:#00e0a4}.full{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.row{align-items:center;gap:12px;display:flex}.row>*{flex:1}.proForm{margin-bottom:22px}.statsRow{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.statsRow div{color:#8c8c8c;background:#171717;border:1px solid #383838;border-radius:16px;padding:18px;font-weight:800}.statsRow b{color:#00e0a4;margin-top:6px;font-size:26px;display:block}.sctePanel{grid-template-columns:2fr 1fr;gap:22px;display:grid}table{border-collapse:collapse;width:100%;margin-top:18px}th,td{text-align:left;color:#d8d8d8;border-bottom:1px solid #333;padding:14px}th{color:#777;letter-spacing:2px;font-size:12px}.upload{color:#00e0a4;cursor:pointer;background:#16392f;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:900;display:flex}.log{border-bottom:1px solid #333;align-items:center;gap:14px;padding:12px;display:flex}.log span{color:#8b93aa}.log b{color:#00e0a4}.log em{color:#ffb55e;margin-left:auto;font-style:normal}.partnerGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.partnerCard h2{margin:12px 0 8px}.partnerCard p{color:#9198aa}.fakeChart{background:linear-gradient(#0000,#ff9a181f),repeating-linear-gradient(90deg,#0000 0 20px,#ff9a1833 21px);border:1px solid #333;border-radius:14px;height:180px}.empty{text-align:center;color:#777;text-transform:uppercase;padding:70px;font-weight:900}.loading{color:#00e0a4;justify-content:center;align-items:center;height:100vh;font-size:28px;font-weight:900;display:flex}@media (width<=900px){aside{width:100%;height:auto;position:relative}.app{background:#05070d;display:block}main{width:100%;margin-left:0;padding:20px}.gridCards,.sctePanel{grid-template-columns:1fr}.row{display:block}.statsRow{grid-template-columns:1fr 1fr}}