:root{font:15px/1.55 system-ui,sans-serif;color:#18263a;background:#f5f7fa;--blue:#2457d6;--line:#dce4ee;--muted:#52637a}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid transparent;background:var(--blue);color:white;border-radius:7px;padding:.55rem .9rem;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{color:#203451;border-color:var(--line);background:#fff}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
[hidden]{display:none!important}#shell{min-height:100vh;display:grid;grid-template-columns:235px minmax(0,1fr)}aside{padding:1.5rem;background:white;border-right:1px solid var(--line)}.brand{font-size:1.2rem;font-weight:750;margin-bottom:1.5rem}nav{display:grid;gap:.3rem;margin:1rem 0 2rem}nav button{text-align:left;background:transparent;color:#243957}nav [aria-current]{background:#e8efff;color:#1e49b1;font-weight:650}main{padding:clamp(1rem,4vw,3rem);max-width:1250px;width:100%}h1,h2{line-height:1.2;margin:0 0 .8rem}h1{font-size:clamp(1.65rem,3vw,2.15rem)}h2{font-size:1.25rem}p{margin:.5rem 0 1rem}.muted{color:var(--muted)}.toolbar,.actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.toolbar{justify-content:space-between;margin-bottom:1rem}.actions{margin-top:1rem}
.panel,.metric{border:1px solid var(--line);background:white;border-radius:10px;padding:1rem}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.8rem;margin:1rem 0}.metric strong{display:block;font-size:1.7rem}.badge{display:inline-block;background:#edf2fb;color:#30486c;padding:.18rem .55rem;border-radius:6px}.table{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.row{display:grid;grid-template-columns:2fr 1fr minmax(90px,auto);gap:.8rem;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.row:last-child{border:0}.row.head{color:var(--muted);background:#fafbfd}.row .actions{margin:0}.row button{padding:.3rem .6rem}.entry{min-height:100vh;display:grid;place-items:center;padding:1rem}.entry .panel{width:min(100%,420px);padding:1.6rem}label{display:grid;gap:.25rem;margin:.65rem 0;color:#314360}label.check{display:flex;align-items:center;gap:.5rem}input:not([type=checkbox]),select,textarea{min-width:0;width:100%;border:1px solid #becbda;border-radius:7px;padding:.55rem .65rem;background:white;color:#18263a}textarea{resize:vertical;min-height:85px}.html{min-height:170px;font-family:ui-monospace,monospace}dialog{width:min(720px,calc(100% - 2rem));max-height:calc(100% - 2rem);overflow:auto;border:1px solid var(--line);border-radius:12px;padding:1.4rem;color:inherit}dialog::backdrop{background:#101d3680}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}.wide{grid-column:1/-1}.error{color:#a12432}.skeleton{height:3rem;margin:1rem 0;background:#e3eaf3;border-radius:8px;animation:pulse 1.2s ease infinite alternate}@keyframes pulse{to{opacity:.55}}#toast{position:fixed;bottom:1rem;right:1rem;background:#18263a;color:white;border-radius:8px;padding:.8rem 1rem;max-width:calc(100% - 2rem);z-index:3}iframe{display:block;width:100%;height:280px;border:1px solid var(--line);background:white;margin-top:.6rem}iframe.mobile{width:min(100%,375px)}@media(max-width:740px){#shell{display:block}aside{padding:1rem;border-right:0;border-bottom:1px solid var(--line)}nav{display:flex;flex-wrap:wrap;margin:.5rem 0}nav button{padding:.4rem .55rem}.row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.row .actions{grid-column:1/-1}.head{display:none}.form-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}