*{box-sizing:border-box}body{margin:0;background:#08090a;color:#f7f8f8;font:14px Inter,system-ui,sans-serif;font-feature-settings:'cv01','ss03';display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#0f1011;border-right:1px solid #ffffff0d;padding:28px 20px;position:sticky;top:0;height:100vh}aside b{font-size:17px;display:block}aside i,.mark{font-style:normal;background:#5e6ad2;border-radius:6px;padding:6px 9px;margin-right:8px}aside small{display:block;color:#62666d;margin:20px 0 34px;font:10px ui-monospace}nav{display:grid;gap:5px}nav span{color:#62666d;font-size:10px;margin:20px 10px 6px}nav a{color:#8a8f98;text-decoration:none;padding:10px;border-radius:6px}nav a:hover{background:#ffffff08;color:#fff}main{padding:36px max(32px,5vw);max-width:1400px;width:100%}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}small{color:#62666d;letter-spacing:.08em}h1{font-size:32px;letter-spacing:-.7px;margin:8px 0 0;font-weight:510}h2{font-weight:510}p{color:#8a8f98;line-height:1.55}.status,.panel,.table,.cards article,.metrics article,.notice{border:1px solid #ffffff14;background:#ffffff05;border-radius:10px}.status{display:flex;gap:14px;padding:18px;align-items:center}.status p{margin:3px 0}.dot{width:9px;height:9px;background:#10b981;border-radius:50%;box-shadow:0 0 14px #10b981}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.metrics article{padding:20px}.metrics strong{font-size:38px;display:block;margin-top:12px;font-weight:400}.panel{padding:26px;display:grid;grid-template-columns:1fr 1.4fr;gap:48px;margin:18px 0}.panel form{display:grid;gap:14px}label{display:grid;gap:7px;color:#d0d6e0;font-size:12px}.check{display:flex;align-items:center}input,textarea,button{font:inherit}input,textarea{width:100%;background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;padding:11px;color:#f7f8f8;outline:none}input:focus,textarea:focus{border-color:#7170ff}textarea{min-height:95px;resize:vertical}button{background:#5e6ad2;border:0;border-radius:6px;padding:10px 16px;color:white;cursor:pointer}button:hover{background:#7170ff}.ghost,.danger{background:#ffffff08;border:1px solid #ffffff14}.danger{padding:6px 10px;color:#d0d6e0}.thead,.tr{display:grid;grid-template-columns:1fr 1.2fr 1fr .7fr;gap:16px;padding:14px 18px;align-items:center}.thead{color:#62666d;font-size:10px;border-bottom:1px solid #ffffff0d}.tr{border-bottom:1px solid #ffffff0d}.pill{border:1px solid #ffffff14;border-radius:99px;padding:4px 8px;width:max-content;color:#d0d6e0;font-size:11px;text-transform:capitalize}.empty{padding:20px}.notice{padding:15px;color:#d0d6e0;border-left:3px solid #7170ff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{padding:20px}.login{display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#20213b,#08090a 45%)}.login-card{width:min(420px,90vw);padding:35px;border:1px solid #ffffff14;background:#0f1011;border-radius:14px;display:grid;gap:18px}.login-card .mark{width:max-content;font-size:20px}.login-card h1{margin:0}.login-card p{margin:0 0 8px}@media(max-width:760px){body{grid-template-columns:1fr}aside{position:relative;height:auto;padding:16px}aside small{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav span{display:none}main{padding:24px 16px}.panel{grid-template-columns:1fr;gap:15px}.metrics,.cards{grid-template-columns:1fr}.thead{display:none}.tr{grid-template-columns:1fr 1fr}.tr>*{overflow-wrap:anywhere}header{align-items:center}h1{font-size:25px}}