:root{--primary:#876cea;--primary-dark:#6b52c9;--primary-tint:#f3f0fd;--ink:#010621;--lavender:#dbd8f3;--mute:#6a7086;--placeholder:#9ba1b5;--line:#e6e3f5;--pos:#0a7a4a;--neg:#b3261e;--warn:#9a6700;--radius:8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:#fff;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}a{color:var(--primary-dark)}h1,h2,h3{letter-spacing:-.02em;margin:0}.topbar{border-bottom:2px solid var(--primary);z-index:10;background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.brand{color:var(--primary);font-size:16px;font-weight:700}.wrap{grid-template-columns:minmax(360px,460px) 1fr;align-items:start;gap:0;display:grid}@media (max-width:900px){.wrap{grid-template-columns:1fr}}.pane{padding:18px 20px}.pane.left{border-right:1px solid var(--line);min-height:calc(100vh - 55px)}.pane.right{background:var(--primary-tint);min-height:calc(100vh - 55px)}.wrap.viewing{grid-template-columns:minmax(300px,380px) minmax(0,1fr) minmax(360px,42vw)}@media (max-width:1400px){.wrap.viewing{grid-template-columns:minmax(280px,340px) minmax(0,1fr) 38vw}}@media (max-width:900px){.wrap.viewing{grid-template-columns:1fr}}.pane.doc{border-left:1px solid var(--line);background:#f7f6fc;flex-direction:column;height:calc(100vh - 55px);padding:0;display:flex;position:sticky;top:55px}.pane.doc header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:8px;padding:8px 10px;display:flex}.pane.doc header .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.pane.doc .body{background:#525659;flex:1;min-height:0}.pane.doc iframe{border:0;width:100%;height:100%;display:block}.pane.doc .body img{object-fit:contain;width:100%;height:100%;display:block}.pane.doc .loading{color:var(--mute);background:#fff;padding:14px;font-size:12px}@media (min-width:901px){body:has(>.wrap){flex-direction:column;height:100vh;display:flex;overflow:hidden}body:has(>.wrap)>.topbar{flex:none}.wrap{flex:1;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.wrap>.pane{overscroll-behavior:contain;min-height:0;overflow-y:auto}.wrap>.pane.doc{height:auto;position:static;overflow:hidden}}fieldset{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:0 0 14px;padding:12px 14px}legend{text-transform:uppercase;letter-spacing:.07em;color:var(--primary);padding:0 6px;font-size:11px;font-weight:700}label{color:var(--mute);margin-bottom:3px;font-size:12px;font-weight:500;display:block}input,select{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:#fff;border-radius:6px;padding:7px 9px}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary)}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1;font-style:italic}input[type=checkbox],input[type=radio]{width:auto}.row{gap:10px;margin-bottom:10px;display:grid}.row.c2{grid-template-columns:1fr 1fr}.row.c3{grid-template-columns:1fr 1fr 1fr}.row.c4{grid-template-columns:1fr 1fr 1fr 1fr}button{font:inherit;border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:6px;padding:8px 14px;font-weight:600}button:hover{background:var(--primary-dark);border-color:var(--primary-dark)}button.ghost{color:var(--primary-dark);background:#fff}button.ghost:hover{background:var(--primary-tint)}button.sm{padding:4px 9px;font-size:12px}button.icon{color:var(--primary-dark);background:0 0;border:none;padding:1px 4px;font-weight:400;line-height:1.2}button.icon:hover{opacity:.6;background:0 0}button.icon:disabled{opacity:.55}button:disabled{opacity:.45;cursor:not-allowed}.pill{background:var(--lavender);color:var(--ink);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.pill.warn{color:var(--warn);background:#fff4d6}.pill.ok{color:var(--pos);background:#dff3e8}.hint{color:var(--mute);margin-top:4px;font-size:11px}.err{color:var(--neg);margin-top:4px;font-size:12px}table.cmp{border-collapse:collapse;border-radius:var(--radius);background:#fff;width:100%;overflow:hidden;box-shadow:0 1px 2px #0106210f}table.cmp th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);border-bottom:1px solid var(--line);padding:9px 10px;font-size:11px;font-weight:600}table.cmp td{border-bottom:1px solid var(--line);padding:9px 10px}table.cmp .num{text-align:right;font-variant-numeric:tabular-nums}table.cmp tr.current{background:var(--lavender)}table.cmp tr.current td{font-weight:600}table.cmp tr.unpriced td{color:var(--mute);font-style:italic}.pos{color:var(--pos);font-weight:600}.neg{color:var(--neg)}.muted{color:var(--mute)}.kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:14px;display:grid}.kpi>div{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px 14px}.kpi b{letter-spacing:-.02em;font-size:19px;display:block}.kpi span{color:var(--mute);text-transform:uppercase;letter-spacing:.05em;font-size:11px}