*{box-sizing:border-box}body{margin:0;font:14px system-ui;background:#f4f6f8;color:#17202a}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#101820;color:white;padding:22px 14px}.brand{font-size:24px;padding:0 10px 24px}.brand span{display:block;font-size:12px;color:#f6a623;text-transform:uppercase;letter-spacing:.15em}nav a{display:block;color:#ccd6df;text-decoration:none;padding:11px 12px;border-radius:9px;margin:3px 0;font-weight:650}nav a:hover,nav a.on{background:#263746;color:white}.shell{margin-left:230px}header{height:76px;background:white;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:14px;padding:12px 24px;position:sticky;top:0;z-index:2}header h1{margin:0;font-size:23px}header small{color:#687480}header button{display:none}main{padding:24px;max-width:1300px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:white;border:1px solid #e1e5e9;border-radius:12px;padding:18px;margin-bottom:16px;box-shadow:0 1px 2px #00000008}.metric b{font-size:26px;display:block;margin-top:8px}.muted{color:#6b7785}.warn{color:#a55200}.bad{color:#b42318}.good{color:#067647}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e8ebee}th{font-size:12px;color:#65717d;text-transform:uppercase}input,select,textarea{width:100%;padding:9px;border:1px solid #cfd6dd;border-radius:7px;background:white}form.row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end}.btn,button{border:0;border-radius:8px;padding:10px 14px;background:#172b3a;color:white;font-weight:700;cursor:pointer}.btn.alt{background:#e9edf1;color:#17202a}.actions{display:flex;gap:8px}.tag{padding:4px 7px;border-radius:99px;background:#eef2f5;font-size:12px}@media(max-width:800px){aside{transform:translateX(-100%);z-index:4;transition:.2s}.open aside{transform:none}.shell{margin-left:0}header button{display:block}.grid{grid-template-columns:1fr 1fr}form.row{grid-template-columns:1fr 1fr}main{padding:14px}table{display:block;overflow:auto}}