:root{color-scheme:light;--bg:#eef1f7;--ink:#19213c;--sub:#525e77;--accent:#3943b7;--line:#dbe2f0;--card:#fff;--tint:#e9edff}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
.top,main{width:min(100%,760px);margin:auto;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
.top{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:750;line-height:1.15}.brand small{display:block;margin-top:4px;color:var(--sub);font-size:.75rem;font-weight:500}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#222951;color:#c8d0ff}
main{padding-bottom:max(26px,env(safe-area-inset-bottom))}
.hero{background:#222951;color:white;border-radius:22px;padding:25px;margin-bottom:14px}.hero p{margin:5px 0 0;color:#dce1ff}.hero .eyebrow{margin:0;font-weight:650;font-size:.84rem}.hero h1{font-size:clamp(1.65rem,5vw,2.4rem);line-height:1.16;margin:7px 0}
.card{display:grid;gap:12px;margin-bottom:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
h2,h3,p{margin:0}h2{font-size:1.25rem}h3{font-size:1.13rem}.section-title{margin:20px 0 9px}.muted,.meta{color:var(--sub)}.rule-body{white-space:pre-line}.meta{font-size:.9rem}
form,label{display:grid;gap:7px}form{gap:12px}.field-row{display:grid;gap:10px}.chip{justify-self:start;background:var(--tint);color:var(--accent);padding:3px 9px;border-radius:8px;font-size:.83rem;font-weight:700}
input,select,textarea,button{font:inherit;font-size:16px;border-radius:10px}
input,select,textarea{width:100%;min-height:46px;padding:9px 11px;border:1px solid #bdc7dd;color:var(--ink);background:#fff}
textarea{min-height:78px;resize:vertical}
button{min-height:44px;padding:9px 14px;border:1px solid transparent;background:var(--accent);color:#fff;font-weight:650;cursor:pointer}
button.secondary{background:var(--tint);color:#29348f}
button:disabled{opacity:.58;cursor:wait}
.workspace-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.workspace-nav button[aria-pressed=true]{background:var(--accent);color:white}
.overdue{color:#a12622;font-weight:700}
.badges{display:flex;flex-wrap:wrap;gap:6px}
.chip.tone-gray{background:#e9edf3;color:#3e4b61}
.chip.tone-blue{background:#e1edff;color:#17467c}
.chip.tone-purple{background:#eee5ff;color:#5b3286}
.chip.tone-green{background:#daf4e5;color:#165d38}
.chip.tone-yellow{background:#fff0bf;color:#714a00}
.chip.tone-red{background:#fbe2df;color:#8a2822}
.wizard-fields{display:grid;gap:12px}
#rules-panel>button,#accounts-panel>button{margin-bottom:12px}
.card{overflow-wrap:anywhere}
input[type=checkbox]{width:24px;min-height:24px}
:focus-visible{outline:3px solid #6776e0;outline-offset:2px}
.status:not(:empty){padding:10px 12px;margin-bottom:12px;border-radius:9px;background:#fff2d8;color:#633a07}
@media(min-width:560px){.field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.login{max-width:500px;margin:auto}.card{padding:22px}}
.chip.tone-slate{background:#dce3ec;color:#35465a}.chip{border-radius:999px}