*{box-sizing:border-box}body{margin:0;font:15px system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f7fb;color:#17233b;display:flex;min-height:100vh}aside{width:245px;background:#101b2c;color:#fff;padding:26px 18px;position:fixed;inset:0 auto 0 0}.brand{font-size:27px;font-weight:800;color:#38a8ff;margin-bottom:30px}.brand span{color:#fff}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#8eb1d1}nav a{display:block;color:#d8e4f1;text-decoration:none;padding:12px 14px;border-radius:9px;margin:4px 0}nav a:hover{background:#1677ff;color:#fff}main{margin-left:245px;width:calc(100% - 245px)}header{height:76px;background:#fff;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header b{font-size:20px}header small{display:block;color:#7d8999}.pill{background:#e9fff1;color:#13863b;padding:8px 12px;border-radius:20px}.content{padding:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:20px;box-shadow:0 3px 12px #17375b0b}.metric b{font-size:28px;display:block;color:#1677ff}.two{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}h2{margin-top:0}input,textarea,select{width:100%;padding:11px;border:1px solid #d8dfeb;border-radius:8px;margin:6px 0 13px;background:#fff}textarea{min-height:120px}button,.btn{background:#1677ff;color:#fff;border:0;padding:11px 16px;border-radius:8px;text-decoration:none;cursor:pointer;display:inline-block}.btn2{background:#eef4ff;color:#1765d2}.row{display:flex;gap:12px}.row>*{flex:1}.post{border:1px solid #e3e9f2;border-radius:10px;padding:14px;margin:10px 0}.muted{color:#7d8999}.ok{background:#e9fff1;color:#137a37;padding:10px;border-radius:8px}.warn{background:#fff6dd;color:#8a6500;padding:10px;border-radius:8px}@media(max-width:900px){aside{width:74px;padding:20px 8px}.brand{font-size:0}.brand:after{content:'V';font-size:28px}.brand small,nav a{font-size:0}nav a:before{content:'•';font-size:24px}main{margin-left:74px;width:calc(100% - 74px)}.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}