:root{--nav:#10243e;--bg:#f4f6f8;--card:#fff;--gold:#b58a2b;--text:#172235;--muted:#6b7685;--line:#dfe4ea;--ok:#257a55}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{background:var(--nav);color:#fff;padding:26px 18px}.brand{font-size:24px;font-weight:800;margin:0 10px 28px;color:#e6c66e}nav button{display:block;width:100%;border:0;background:transparent;color:#d9e1ea;text-align:left;padding:11px 12px;border-radius:7px;margin:3px 0;cursor:pointer}nav button.active,nav button:hover{background:#1c3555;color:#fff}main{padding:34px;max-width:1200px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{font-size:25px;margin:0}h2{font-size:18px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px}.kpi strong{display:block;font-size:26px}.primary{background:var(--gold);color:white;border:0;border-radius:7px;padding:10px 14px;font-weight:700;cursor:pointer}.secondary{background:white;border:1px solid var(--line);border-radius:7px;padding:9px 13px;cursor:pointer}input,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;margin:5px 0 12px}.login{max-width:390px;margin:10vh auto}.list{width:100%;border-collapse:collapse}.list th,.list td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.respondent{max-width:720px;margin:5vh auto;padding:20px}.progress{height:7px;background:#e4e8ed;border-radius:8px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold)}.answers{display:grid;gap:10px;margin:24px 0}.answer{padding:15px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}.answer.selected{outline:2px solid var(--gold)}.score{font-size:58px;font-weight:800;color:var(--ok)}@media(max-width:760px){.shell{display:block}aside{padding:12px}nav{display:flex;overflow:auto}.brand{margin:0 10px 8px}nav button{white-space:nowrap;width:auto}main{padding:18px}.grid{grid-template-columns:1fr 1fr}}