:root{--p:#342783;--p2:#6655c5;--ink:#202430;--muted:#646b78;--line:#deddea;--bg:#f6f5fa;--safe:#176b48}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}header{height:68px;background:white;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5}header b{font-size:17px}header b span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--p);color:white;margin-right:8px}main{max-width:1500px;margin:auto;padding:28px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.login{max-width:620px;margin:70px auto}.hero{padding:30px;border-radius:22px;background:linear-gradient(135deg,#302377,#5d49b6);color:white;margin-bottom:22px}.hero .eyebrow{color:#ded9ff}h1{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:8px 0 14px}h2{margin-top:0}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--p);font-weight:800;font-size:12px}.notice{background:#fff5dc;color:#563600;border-left:5px solid #d78a00;padding:13px;border-radius:10px;margin-top:18px}.layout{display:grid;grid-template-columns:245px 1fr;gap:22px}nav{position:sticky;top:86px;height:max-content}nav button{display:block;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:11px;padding:12px;margin:6px 0;font-weight:750}nav button.active{background:var(--p);color:white}.panel{display:none}.panel.active{display:block}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid3{grid-template-columns:repeat(3,1fr)}.grid3 article,.metric,.record{border:1px solid var(--line);border-radius:14px;padding:15px;margin:9px 0;background:white}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-weight:700}input,select,textarea{width:100%;padding:10px;border:1px solid #bfc0cc;border-radius:9px;font:inherit;background:white}textarea{min-height:100px}.primary,.secondary{padding:10px 14px;border-radius:9px;font-weight:750;cursor:pointer}.primary{background:var(--p);border:1px solid var(--p);color:white}.secondary{background:white;border:1px solid var(--p);color:var(--p)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.tag{display:inline-block;padding:3px 8px;border-radius:999px;background:#ece9ff;color:var(--p);font-size:12px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.data-table th{background:#f0eefc}.hidden{display:none!important}@media(max-width:850px){main{padding:15px}.layout{grid-template-columns:1fr}nav{position:static;display:flex;overflow:auto}nav button{min-width:max-content}.grid2,.grid3{grid-template-columns:1fr}.wide{grid-column:auto}.data-table{display:block;overflow-x:auto}}