*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 0 0,#4a0b12 0,transparent 28%),radial-gradient(circle at 100% 0,#063b46 0,transparent 30%),#090b0e;color:#eef2f5}.wrap{display:flex;min-height:100vh}.side{width:245px;background:#0d1014;border-right:1px solid #242a30;padding:24px 16px;position:fixed;inset:0 auto 0 0}.brand{font-size:25px;font-weight:900;letter-spacing:1px;margin:5px 8px 30px}.brand b{color:#20c4d8}.side a{display:block;color:#aeb8c2;text-decoration:none;padding:13px 14px;border-radius:10px;margin:5px 0}.side a:hover,.side a.on{background:linear-gradient(90deg,#7e1723,#0d5966);color:#fff}.main{margin-left:245px;padding:28px;width:calc(100% - 245px)}h1{margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.panel{background:#11151a;border:1px solid #262d34;border-radius:15px;padding:20px;box-shadow:0 12px 30px #0005}.card span{color:#8f9ba6}.card strong{display:block;font-size:30px;margin-top:8px}.panel{margin-top:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #252b31}th{color:#7f8c96}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 14px;background:#0f6471;color:#fff;text-decoration:none;cursor:pointer}.danger{background:#7d1b25}.ok{color:#4ee28a}.off{color:#ff6d76}.login{min-height:100vh;display:grid;place-items:center}.loginbox{width:360px;background:#11151a;border:1px solid #283038;padding:28px;border-radius:18px}.loginbox input{width:100%;padding:13px;margin:8px 0;background:#090c10;border:1px solid #303840;color:white;border-radius:9px}.loginbox .btn{width:100%;margin-top:10px}@media(max-width:850px){.side{width:80px}.brand{font-size:0}.brand:after{content:'YT';font-size:22px}.side a{font-size:0}.side a:before{content:'•';font-size:25px}.main{margin-left:80px;width:calc(100% - 80px)}.cards{grid-template-columns:1fr 1fr}}