:root{--bg:#f4f6f8;--surface:#fff;--surface-strong:#eef2f6;--line:#d7dee8;--text:#17212f;--muted:#5e6b7a;--accent:#0f766e;--accent-dark:#115e59;--danger:#b42318}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#17212f;padding:20px}.brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.brandMark{color:#082f49;background:#38bdf8;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.brand h1,.brand p{margin:0}.brand p{color:#b8c4d2;font-size:13px}nav{gap:6px;display:grid}.navButton{color:#eef4fb;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;padding:10px 12px}.navButton:hover,.navButton.active{background:#223047;border-color:#33445f}.workspace{padding:24px}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.topbar h2{margin:0 0 8px;font-size:30px;line-height:1.1}.topbar p{color:var(--muted);max-width:760px;margin:0}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700;margin-bottom:6px!important}.actions,.sectionHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.actions{flex-wrap:wrap;justify-content:flex-end}.button,.danger{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;align-items:center;min-height:38px;padding:8px 12px;text-decoration:none;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button:disabled{cursor:wait;opacity:.65}.danger{color:var(--danger)}.statusLine{background:var(--surface-strong);border:1px solid var(--line);color:var(--muted);margin-bottom:14px;padding:10px 12px}.contentGrid{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);align-items:start;gap:16px;display:grid}.recordList,.editor{background:var(--surface);border:1px solid var(--line);padding:16px}.sectionHeader{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px}.sectionHeader h3{margin:0}.rows{gap:8px;max-height:calc(100vh - 220px);display:grid;overflow:auto}.row{border:1px solid var(--line);grid-template-columns:1fr auto;gap:8px;padding:8px;display:grid}.row.active{border-color:var(--accent)}.row button:first-child{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;gap:4px;min-width:0;padding:0;display:grid}.row strong,.row span{overflow-wrap:anywhere}.row span,.empty{color:var(--muted);font-size:13px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.field.wide{grid-column:1/-1}.field span{color:var(--muted);font-size:13px}input,textarea{border:1px solid var(--line);color:var(--text);background:#fff;width:100%;min-height:40px;padding:9px 10px}input[type=checkbox]{width:22px;height:22px;min-height:22px}textarea{resize:vertical;min-height:110px}.loginShell{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.loginCard{background:var(--surface);border:1px solid var(--line);gap:14px;width:100%;max-width:380px;padding:28px;display:grid}.errorLine{border:1px solid var(--danger);color:var(--danger);background:#fde8e6;padding:8px 10px}.hintLine{color:#115e59;background:#eef6f5;border:1px solid #bfe0db;margin-bottom:12px;padding:8px 12px}.userBox{color:#eef4fb;border-top:1px solid #33445f;gap:10px;margin-top:24px;padding-top:16px;display:grid}.userBox strong{overflow-wrap:anywhere;font-size:13px;display:block}.roleChip{letter-spacing:.04em;text-transform:uppercase;background:#33445f;border-radius:999px;margin-top:6px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.role-admin{background:#7f1d1d}.role-qm{background:#115e59}.role-agent{background:#92400e}.role-reader{background:#334155}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.toggle input{width:18px;height:18px;min-height:18px}.rowMain{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;gap:6px;min-width:0;padding:0;display:grid}.rowActions{flex-direction:column;gap:6px;display:flex}.rowMeta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.button.small,.danger.small{min-height:30px;padding:4px 8px;font-size:12px}.button:disabled,.danger:disabled{cursor:not-allowed;opacity:.5}.badge{background:var(--surface-strong);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:11px}.badge.ok{color:#14632c;background:#e6f4ea;border-color:#9bd3ac}.badge.review{color:#92400e;background:#fef3e2;border-color:#f0c890}.badge.archived{color:#475569;background:#eceff3;border-color:#cbd5e1}@media (max-width:1080px){.shell{grid-template-columns:1fr}.sidebar{position:static}.contentGrid,.topbar{grid-template-columns:1fr}.topbar{display:grid}.actions{justify-content:flex-start}}@media (max-width:700px){.workspace{padding:14px}.formGrid,.row{grid-template-columns:1fr}}