:root{--navy:#061b4f;--blue:#0d47b5;--green:#18733d;--red:#b42318;--ink:#102044;--muted:#64708a;--line:#dbe2ee;--surface:#fff;--page:#f4f7fb}*{box-sizing:border-box}html,body{background:var(--page);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.brand{letter-spacing:.2px;font-weight:800}.nav{align-items:center;gap:14px;font-size:14px;display:flex}.container{width:min(1180px,100% - 32px);margin:28px auto 60px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px #1020440f}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.stack{gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.space{justify-content:space-between}h1,h2,h3{margin:0 0 10px}p{line-height:1.5}.muted{color:var(--muted)}.label{gap:7px;font-weight:700;display:grid}.input,.textarea,.select{width:100%;color:var(--ink);background:#fff;border:1px solid #b9c4d6;border-radius:10px;padding:11px 12px}.textarea{resize:vertical;min-height:460px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}.button{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:800}.button.secondary{color:var(--ink);background:#fff;border:1px solid #b9c4d6}.button.green{background:var(--green)}.button.danger{background:var(--red)}.button:disabled{opacity:.55;cursor:not-allowed}.notice{background:#eef5ff;border:1px solid #cddffb;border-radius:10px;padding:12px 14px}.notice.error{color:#7a1d15;background:#fff0ef;border-color:#f4c7c3}.notice.success{color:#155d30;background:#edf9f0;border-color:#bfe5c8}.badge{background:#e8eefb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.metric{color:var(--navy);font-size:30px;font-weight:900}.loginWrap{background:linear-gradient(160deg,#061b4f,#0a347c);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#fff;border-radius:18px;width:min(460px,100%);padding:28px;box-shadow:0 24px 70px #0000003d}.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}hr{border:0;border-top:1px solid var(--line);margin:20px 0}@media (max-width:700px){.topbar{flex-direction:column;align-items:flex-start}.container{width:min(100% - 20px,1180px);margin-top:16px}.card{padding:16px}}.twoCol{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start}.listButton{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;gap:4px;padding:13px 14px;display:grid}.listButton span{color:var(--muted);font-size:12px}.listButton.active{border-color:var(--blue);background:#eef5ff}.nestedCard{border:1px solid var(--line);background:#fbfdff;border-radius:14px;gap:12px;padding:16px;display:grid}.questionBox{background:#fff;border:1px solid #d7dfed;border-radius:12px;gap:12px;padding:14px;display:grid}.smallTextarea{min-height:160px}.small{font-size:12px}@media (max-width:900px){.twoCol{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.nav{align-items:flex-start}}.tableWrap{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;overflow-x:auto}.dataTable{border-collapse:collapse;width:100%;min-width:980px;font-size:13px}.dataTable th,.dataTable td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px}.dataTable th{color:var(--navy);background:#eef5ff;font-weight:900}.dataTable tr:last-child td{border-bottom:0}.dataTable .input,.dataTable .select{border-radius:8px;min-width:140px;padding:8px 9px}.hero-row{align-items:center;gap:18px;display:flex}.gracie-hero{object-fit:cover;border-radius:999px;width:112px;height:112px;box-shadow:0 0 28px #8f3dff59}.grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.checkbox{align-items:center;gap:10px;display:flex}
