*{box-sizing:border-box}body{color:#17243b;background:#f5f7fb;margin:0;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}.shell{min-height:100vh;display:flex}aside{color:#d0d7e2;background:#101d33;flex-shrink:0;width:230px;padding:30px 18px}.brand{color:#fff;font-size:22px;font-weight:750}.brand span{color:#74a9ff}.caption{color:#91a0b7;margin-bottom:30px;font-size:12px}nav{gap:5px;display:grid}nav a{color:#bbc9dd;border-radius:7px;padding:11px 14px;font-size:14px;text-decoration:none}nav a.router-link-exact-active,nav a:hover{color:#fff;background:#253d61}aside>small{color:#8d9cb4;margin:30px 12px;display:block}main{flex:1;min-width:0}header{background:#fff;border-bottom:1px solid #e7ebf2;justify-content:space-between;align-items:center;height:74px;padding:0 36px;font-size:14px;display:flex}.badge{color:#3265b8;background:#edf3ff;border-radius:20px;padding:6px 10px;font-size:12px}section{max-width:1180px;padding:38px}.eyebrow{letter-spacing:2px;color:#6783a6;font-size:11px}h1{margin:12px 0;font-size:30px}.description{color:#718095;line-height:1.8}.cards{grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;display:grid}.empty,article{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:25px}article small{color:#718095}article h2{font-size:20px}.empty{min-height:170px;margin-top:30px}.empty p{color:#718095;font-size:14px;line-height:1.8}@media (width<=760px){aside{width:164px;padding:22px 10px}.brand{font-size:17px}section{padding:22px}.cards{grid-template-columns:1fr}header{padding:0 22px}}