:root{--side:#2f343a;--blue:#1677d2;--bg:#f6f9fc;--line:#e8eef5;--text:#17202a;--muted:#657486}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#fff,#f6f9fc);display:flex;color:var(--text)}aside{width:282px;min-height:100vh;background:var(--side);padding:22px;position:relative;overflow:hidden;color:#fff}.wm{position:absolute;right:-50px;bottom:70px;opacity:.035}.wm img{width:260px}.logo{max-width:220px;position:relative;z-index:1;margin-bottom:22px}nav{position:relative;z-index:1;display:grid;gap:7px}nav button{border:0;background:transparent;color:#fff;text-align:left;padding:12px;border-radius:14px;font-weight:900}nav button:hover{background:rgba(255,255,255,.08);box-shadow:inset 4px 0 0 var(--blue)}main{flex:1;padding:24px}header,.card,.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 36px rgba(20,40,60,.06)}header h1{margin:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.card small{color:var(--muted);font-weight:900}.card b{font-size:32px;display:block;margin-top:10px}@media(max-width:900px){body{flex-direction:column}aside{width:100%;min-height:auto}.grid{grid-template-columns:1fr}}