*{box-sizing:border-box}body{margin:0;background:#0b0c11;color:#eceef7;font-family:Inter,Arial,sans-serif;min-height:100vh}aside{position:fixed;left:0;top:0;bottom:0;width:255px;background:#111218;border-right:1px solid #23252e;padding:18px 12px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:9px 11px 22px}.brandicon{font-size:28px}.brand small{display:block;color:#777d8c;margin-top:4px}.brand b{font-size:17px}nav{overflow:auto;flex:1}aside a{display:flex;gap:12px;align-items:center;color:#949aa9;text-decoration:none;padding:11px 13px;border-radius:9px;margin:2px 0;font-weight:600}aside a:hover,aside a.active{background:#23242d;color:#8c91ff}.logout{margin-top:auto}main{margin-left:255px;padding:28px 36px;max-width:1450px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}header h1{margin:3px 0;font-size:28px}header small{color:#777d8c}.online{padding:9px 12px;border-radius:9px;background:#15241c;color:#6ddd96;font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.card{background:#15161d;border:1px solid #282a34;border-radius:14px;padding:22px;margin-bottom:18px;box-shadow:0 12px 35px #0003}.stat strong{font-size:34px;display:block;margin-top:9px}.stat small{color:#898f9e}.form{display:grid;gap:14px;max-width:900px}.compact{margin:16px 0 22px}.inlineform{display:grid;grid-template-columns:80px 2fr 2fr 100px auto;gap:9px;margin:18px 0}label{display:grid;gap:7px;color:#aab0bd;font-weight:600}label small,.hint{color:#7f8594;font-weight:400}input,textarea,select{width:100%;padding:11px 12px;background:#0e0f14;border:1px solid #343642;border-radius:8px;color:#fff}textarea{min-height:110px;resize:vertical}button{background:#6467ef;color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:800;cursor:pointer}.danger{background:#51232a}.listrow{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292b34;padding:13px 0}.listrow small{display:block;color:#7e8493;margin-top:5px}.success{background:#153522;color:#80e3a2;padding:12px 14px;border-radius:9px;margin-bottom:18px}.alert{background:#4c2328;padding:10px;border-radius:8px}.apiok{background:#101117;padding:12px;border-radius:8px;margin-top:15px}.loginbody{display:grid;place-items:center}.loginbox{width:min(390px,92vw);background:#15161d;border:1px solid #292b34;border-radius:15px;padding:28px;display:grid;gap:14px;box-shadow:0 25px 70px #0007}.loginbox h1,.loginbox p{text-align:center;margin:0}.loginbox p{color:#858b99}.logo{text-align:center;font-size:45px}@media(max-width:850px){aside{width:76px}aside .brand div:last-child,aside a{font-size:0}aside a span{font-size:18px}.brand{padding-left:9px}main{margin-left:76px;padding:22px}.cards{grid-template-columns:1fr}.inlineform{grid-template-columns:1fr}}