:root{--bg: #f4f7fb;--panel: #ffffff;--text: #10203a;--muted: #5f6f85;--line: #d8e0eb;--brand: #1463ff;--brand-2: #0f4dca;--ok: #127355}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top right,#dce9ff,#f4f7fb 45%);color:var(--text)}.page{max-width:1320px;margin:0 auto;padding:24px}.shell{display:grid;grid-template-columns:260px 1fr;gap:16px}.sidebar{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;position:sticky;top:12px;height:fit-content}.content{display:grid;gap:16px}.brand{font-weight:700;font-size:18px;margin:0 0 12px}.nav{display:grid;gap:8px}.nav button{text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.nav button.active{border-color:var(--brand);background:linear-gradient(180deg,#eff5ff,#fff);color:var(--brand-2);font-weight:600}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.card h3{margin:0 0 12px}.section-title h2{margin:0;font-size:24px}.section-title p{margin:4px 0 0;color:var(--muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:8px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}button{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer}button.primary{background:var(--brand);color:#fff;border-color:var(--brand-2)}.list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.list li{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.stat-label{color:var(--muted);font-size:13px}.stat-value{font-size:24px;font-weight:700;margin-top:4px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef3fb;border:1px solid var(--line);font-size:12px}.badge.ok{background:#e9f9f4;border-color:#b7ebd8;color:var(--ok)}@media(max-width:980px){.shell,.grid-2,.grid-3{grid-template-columns:1fr}.field-row{grid-template-columns:1fr 1fr}}