*{box-sizing:border-box}body{color:#edf4ff;background:#07101d;margin:0;font-family:Inter,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app{background:radial-gradient(circle at 80% 0,#10284b55,#0000 35%),#07101d;min-height:100vh;display:flex}aside{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081321ee;border-right:1px solid #ffffff12;flex-direction:column;width:250px;height:100vh;padding:24px 16px;display:flex;position:fixed}.brand{letter-spacing:.08em;font-size:21px;font-weight:900}.brand span{color:#54e0ff;margin-left:7px;font-size:10px}.site{color:#73869e;margin:8px 8px 30px;font-size:11px}.nav,.side-bottom a{color:#91a5bd;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:12px;text-decoration:none;display:flex}.nav:hover,.nav.active{color:#fff;background:#ffffff0b}.nav.active{box-shadow:inset 2px 0 #54e0ff}.side-bottom{margin-top:auto}main{width:calc(100% - 250px);margin-left:250px}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#07101dcc;border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;height:86px;padding:0 34px;display:flex;position:sticky;top:0}.eyebrow{color:#54e0ff;letter-spacing:.18em;font-size:9px}h1{margin:5px 0;font-size:24px}.userchip{color:#9eb0c5;border:1px solid #ffffff12;border-radius:99px;padding:9px 12px;font-size:12px}.dot,.live i{background:#45e6a1;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.content{max-width:1400px;padding:30px 34px}.cards{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.card,.panel{background:#ffffff05;border:1px solid #ffffff10;border-radius:16px;padding:20px;box-shadow:0 18px 50px #0003}.card svg{color:#54e0ff}.card strong{margin:14px 0 2px;font-size:34px;display:block}.card label{font-weight:700;display:block}.card small,.muted{color:#71859e;font-size:12px}.panel{margin-top:18px}.panel-title,.toolbar{justify-content:space-between;align-items:center;display:flex}.panel-title{font-weight:800}.live{color:#45e6a1;font-size:10px}.activity,.row{border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.activity:last-child,.row:last-child{border:0}.activity span,.row small{color:#71859e;margin-left:auto;margin-right:10px;font-size:12px}.row small{margin:5px 0 0;display:block}.actions{gap:8px;display:flex}.actions button,.actions a,.iconbtn{color:#9db1c9;background:#ffffff08;border:0;border-radius:8px;padding:9px}.primary,.secondary{border:0;border-radius:10px;align-items:center;gap:8px;margin-left:8px;padding:11px 15px;display:inline-flex}.primary{color:#04101c;background:#54e0ff;font-weight:800}.secondary{color:#dbe7f5;background:#ffffff0a}.toolbar p{color:#8295ab;font-size:13px}.table{padding:8px 20px}.empty{text-align:center;color:#647890;padding:50px}.editor-grid{grid-template-columns:360px 1fr;gap:18px;display:grid}.form label{color:#9fb1c6;margin-bottom:15px;font-size:12px;display:block}.form input,.form textarea{color:#edf4ff;background:#07101d;border:1px solid #ffffff12;border-radius:9px;outline:none;width:100%;margin-top:7px;padding:11px}.form textarea{min-height:90px}.code{padding:0;overflow:hidden}.codehead{color:#54e0ff;border-bottom:1px solid #ffffff0c;padding:11px 15px;font-size:12px;font-weight:800}.code textarea{color:#bfe9f6;resize:vertical;background:#040a12;border:0;border-bottom:1px solid #ffffff0c;outline:none;width:100%;min-height:180px;padding:15px;font:13px ui-monospace,monospace;display:block}.bars{align-items:end;gap:10px;height:250px;padding:20px 5px 0;display:flex}.barcol{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:210px;display:flex}.bar{background:linear-gradient(#54e0ff,#4d8cff);border-radius:6px 6px 2px 2px;width:100%;max-width:35px}.barcol small{color:#687d95;font-size:10px}.toast{z-index:20;background:#102a3b;border:1px solid #54e0ff55;border-radius:10px;padding:13px 18px;position:fixed;top:100px;right:25px}.login{background:radial-gradient(circle at 50% 20%,#12365b,#050a11 55%);place-items:center;min-height:100vh;display:grid}.login-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:22px;width:390px;padding:36px;box-shadow:0 30px 100px #0008}.login-card p{color:#7890aa;margin-bottom:25px;font-size:13px}.login-card form{gap:11px;display:grid}.login-card input{color:#fff;background:#050c15;border:1px solid #ffffff12;border-radius:10px;outline:none;padding:13px}.login-card .primary{justify-content:center;margin:0}.login-card small{color:#5e738b;margin-top:18px;font-size:10px;display:block}.error{color:#ff8f9c;margin-top:12px;font-size:11px}@media (width<=900px){aside{width:70px}.brand,.site,.nav{font-size:0}.nav svg{margin:auto}main{width:calc(100% - 70px);margin-left:70px}.cards{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}}@media (width<=560px){.content{padding:18px}.cards{grid-template-columns:1fr}header{padding:0 18px}.userchip{display:none}}.media-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;display:grid}.media-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;padding:10px;overflow:hidden}.media-card img{object-fit:cover;background:#050a10;border-radius:9px;width:100%;height:160px}.media-card b{white-space:nowrap;text-overflow:ellipsis;padding:9px 2px;font-size:12px;display:block;overflow:hidden}.media-actions{gap:6px;display:flex}.media-actions button,.media-actions a{color:inherit;background:#ffffff09;border:0;border-radius:7px;align-items:center;gap:4px;padding:7px;font-size:11px;text-decoration:none;display:flex}.media-search{align-items:center;gap:8px;display:flex}.media-search input{color:inherit;background:0 0;border:0;outline:0;flex:1}.toolbar input[type=file]{max-width:210px}@media (width<=1000px){.media-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.media-grid{grid-template-columns:repeat(2,1fr)}}