*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#08111f;color:#edf4ff}.layout{display:flex;min-height:100vh}aside{width:240px;background:#0d1b2d;padding:22px 14px;position:fixed;inset:0 auto 0 0;border-right:1px solid #20324a}.brand{font-size:20px;font-weight:800;padding:8px 10px 22px;color:#7dd3fc}aside a{display:block;color:#d9e8f7;text-decoration:none;padding:12px 13px;margin:5px 0;border-radius:9px}aside a:hover{background:#17314f}main{margin-left:240px;width:calc(100% - 240px);padding:26px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}h1{margin:0;font-size:28px}.grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.card,.box{background:#0f2136;border:1px solid #203b59;border-radius:14px;padding:18px}.metric{font-size:30px;font-weight:800;margin-top:8px}.muted{color:#9ab0c8}.good{color:#86efac}.bad{color:#fca5a5}.btn{display:inline-block;border:0;border-radius:8px;padding:10px 14px;background:#0284c7;color:white;text-decoration:none;cursor:pointer}.btn.danger{background:#b91c1c}.btn.secondary{background:#334155}input,select{width:100%;background:#081524;color:#fff;border:1px solid #34506e;border-radius:8px;padding:10px;margin:6px 0 13px}label{font-size:13px;color:#b8c8d9}.row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px;border-bottom:1px solid #203b59;text-align:left;white-space:nowrap}.table th{color:#9cc5e8}.notice{padding:12px;border-radius:8px;background:#14304b;margin:12px 0}.code{font-family:monospace;background:#07101c;padding:10px;border-radius:8px;word-break:break-all}@media(max-width:800px){aside{position:static;width:100%;height:auto}.layout{display:block}main{margin:0;width:100%;padding:15px}.grid{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr}}