body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f2f4f8;color:#111827;font-size:15px;line-height:1.45;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{margin:0 0 10px;line-height:1.25;color:#111827}
h1{font-size:28px}
h2{font-size:22px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:15px}
h6{font-size:14px}
p{margin:0 0 12px}
button{font-size:14px;line-height:1.2}
.layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}
.sidebar{background:#fff;border-right:1px solid #e5e7eb;padding:14px}
.brand{font-weight:800;margin-bottom:18px}
.menu a{display:block;padding:10px 12px;border-radius:10px;color:#374151;text-decoration:none;margin-bottom:6px}
.menu a.active{background:#ede9fe;color:#6d28d9}
.main{display:grid;grid-template-rows:70px 1fr}
.topbar{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.content{padding:18px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}
.muted{color:#6b7280}
@media (max-width:980px){.layout{grid-template-columns:1fr}.sidebar{display:none}}