*{box-sizing:border-box}body{margin:0;background:#080d18;color:#eef2ff;font:15px system-ui}aside{position:fixed;width:240px;inset:0 auto 0 0;background:#0d1424;border-right:1px solid #27324d;padding:22px}h1{font-size:20px}h1 span{display:block;color:#22d3ee;font-size:11px}nav{display:grid;gap:8px;margin-top:30px}nav button,nav a{background:transparent;border:0;color:#aab5d0;padding:12px;text-align:left;text-decoration:none;border-radius:10px;cursor:pointer}nav button:hover,nav a:hover{background:#18223a;color:white}main{margin-left:240px}header{height:72px;border-bottom:1px solid #27324d;padding:14px 24px;display:flex;gap:10px}input,select,textarea{background:#0c1425;border:1px solid #2b3858;color:white;padding:11px;border-radius:9px}header input{max-width:430px;flex:1}button{background:#6d4cff;color:white;border:0;border-radius:9px;padding:11px 15px;cursor:pointer}section{padding:24px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.card{background:#121a2d;border:1px solid #283553;border-radius:16px;padding:18px;margin-bottom:14px}.row{display:flex;gap:8px;flex-wrap:wrap}.row>*{flex:1}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #26314c;text-align:left}.muted{color:#9aa7c3}