:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#22334a;background:#f4f6f9;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:220px;background:#10283c;position:fixed;inset:0 auto 0 0;padding:40px 24px;color:#fff}.brand{font-size:36px;font-weight:800;letter-spacing:-2px}.brand span{color:#88d6cb}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:5px;font-weight:500}.nav{margin-top:65px;background:#213e51;border-radius:10px;padding:15px;font-size:13px}.aside-bottom{position:absolute;bottom:30px;font-size:11px;line-height:2;color:#b3c6d4}.aside-bottom small{color:#87a3b6}main{margin-left:220px;padding:48px;max-width:1600px;width:calc(100% - 220px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#408778}h1{font-size:36px;letter-spacing:-1px;margin:10px 0}h2{font-size:18px;margin:0 0 12px}h3{font-size:14px}p{color:#64758a;line-height:1.6}button{cursor:pointer;background:#fff;border:1px solid #d9e1e7;border-radius:8px;padding:11px 16px;color:#244052;font-weight:600}button:hover{filter:brightness(.96)}button.primary{background:#156756;color:white;border-color:#156756}input,textarea{width:100%;padding:12px;border:1px solid #cbd6df;border-radius:7px;display:block;margin-top:8px;font:inherit}label{font-size:12px;font-weight:600;display:block}form button{margin-top:18px}.card{background:white;border:1px solid #e1e7ed;border-radius:14px;padding:24px;margin-bottom:24px}.login{max-width:420px;margin-top:50px}.toolbar{display:flex;align-items:end;gap:20px;margin-bottom:24px}.toolbar input{width:170px}.toolbar span{margin:auto auto 12px 0;color:#7b8998;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metrics article{background:#fff;border:1px solid #e1e7ed;padding:24px;border-radius:12px}.metrics span{font-size:12px;color:#6b7b8e}.metrics strong{display:block;font-size:29px;margin-top:18px;font-weight:600;letter-spacing:-1px}.notice{color:#617385;background:#eaf0f5;border-radius:8px;padding:14px 18px;font-size:12px;line-height:1.6;margin-bottom:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tag{font-size:11px;background:#edf5f3;color:#287766;border-radius:20px;padding:7px 10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{color:#8390a0;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:14px 10px;border-bottom:1px solid #e7edf2}td{padding:16px 10px;border-bottom:1px solid #edf1f4}.badge{display:inline-block;padding:6px 9px;border-radius:20px;background:#eef1f5;white-space:nowrap}.badge.active{background:#def3e8;color:#27714b}.badge.idle{background:#fff0d9;color:#986021}.badge.paused{background:#e8e8ff;color:#5752a1}.empty{text-align:center;padding:40px;color:#64758a;line-height:2}.columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:35px}.bar-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf1f4}small{color:#7b8998}footer{margin-top:36px;font-size:10px;letter-spacing:1px;color:#81909c;display:flex;justify-content:space-between}footer span{letter-spacing:0}dialog{border:1px solid #dce5ec;border-radius:16px;max-width:480px;width:90%;padding:30px}dialog::backdrop{background:#10283c88}.buttons{display:flex;justify-content:flex-end;gap:12px}#message{color:#9b392b;margin-bottom:15px}#credential label{margin:16px 0}[hidden]{display:none!important}@media(max-width:1000px){aside{width:170px;padding:30px 18px}main{margin-left:170px;width:calc(100% - 170px);padding:30px 22px}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:650px){aside{display:none}main{margin:0;width:100%;padding:24px 14px}h1{font-size:30px}.toolbar{flex-wrap:wrap}.toolbar span{display:none}.metrics article{padding:17px}.metrics strong{font-size:25px}.columns{grid-template-columns:1fr;gap:20px}footer span{display:none}}