:root{--blue:#183cc8;--ink:#111936;--mist:#eef1fa;--red:#ee4d40;--line:#cbd2e6}*{box-sizing:border-box}body{color:var(--ink);background:#f8f9fd;margin:0;font-family:Arial,Microsoft YaHei,sans-serif}.page{width:min(1220px,100% - 40px);margin:auto}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.brand>b{background:var(--blue);color:#fff;border-radius:50% 50% 10%;place-items:center;width:42px;height:42px;font:italic 900 28px Georgia;display:grid}.brand small{color:#7781a2;font-size:8px}.unit-mark{letter-spacing:.12em;font:800 12px monospace}.unit-mark i{color:var(--red);margin:0 8px}.hero{grid-template-columns:1.35fr .65fr;align-items:end;padding:72px 0 66px;display:grid}.kicker{color:var(--blue);letter-spacing:.2em;font-size:12px;font-weight:800}.hero h1{letter-spacing:-.065em;margin:15px 0 0;font-size:clamp(48px,7vw,86px);line-height:1.04}.hero h1 em{color:var(--blue);font-style:normal}.hero>p{color:#5d6686;border-left:3px solid var(--red);margin:0 0 8px;padding-left:24px;line-height:1.9}main{grid-template-columns:370px minmax(0,1fr);gap:18px;display:grid}.entry-panel,.dashboard,.ledger{border:1px solid var(--line);background:#fff}.entry-panel{align-self:start;padding:28px}.section-title{align-items:center;gap:12px;display:flex}.section-title span{color:var(--red);font:700 11px monospace}.section-title h2{margin:0;font-size:17px}form{grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:32px;display:grid}label{color:#66708d;letter-spacing:.05em;font-size:11px;font-weight:700}.wide{grid-column:1/-1}input,select{width:100%;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #949db9;border-radius:0;outline:0;margin-top:8px;padding:10px 2px;font:14px Arial}input:focus,select:focus{border-color:var(--blue);box-shadow:0 1px var(--blue)}.error{color:var(--red);grid-column:1/-1;margin:0;font-size:12px}.submit{background:var(--blue);color:#fff;cursor:pointer;border:0;grid-column:1/-1;justify-content:space-between;padding:15px 18px;font-weight:800;display:flex}.submit span{font-size:18px}.dashboard{padding:28px}.dash-head{justify-content:space-between;align-items:center;display:flex}.dash-head select{border:1px solid var(--line);width:auto;min-width:180px;margin:0;padding:8px}.empty{text-align:center;color:#7a84a1;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.empty b{color:#c2c9dd;font-size:65px}.empty h3{color:var(--ink)}.empty p{font-size:13px}.metrics{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;display:grid}.metrics div{background:var(--mist);padding:15px}.metrics span,.chart-title span,.bias>div>span{color:#73809e;text-transform:uppercase;letter-spacing:.1em;font-size:10px;display:block}.metrics strong{font-size:23px}.metrics small{color:#77819c;font-size:10px}.chart{border:1px solid var(--line);margin-top:14px;padding:18px}.chart-title{justify-content:space-between;display:flex}.chart-title strong{font-size:12px}.legend{font:10px monospace}.legend i{background:var(--blue);border-radius:50%;width:7px;height:7px;margin:0 4px 0 10px;display:inline-block}.legend i+i{background:var(--red)}svg{width:100%;height:180px;margin-top:5px;overflow:visible}svg line{stroke:#cdd4e5;stroke-width:.4px}svg .mean{stroke:var(--blue);stroke-dasharray:2 2}circle{vector-effect:non-scaling-stroke;stroke:#fff;stroke-width:1px;fill:var(--blue)}circle.in{fill:var(--red)}.range{color:#79829e;justify-content:space-between;font:9px monospace;display:flex}.bias{background:var(--ink);color:#fff;grid-template-columns:.75fr 1.25fr;margin-top:14px;padding:20px;display:grid}.bias>div>strong{margin:20px 0 5px;font-size:28px;display:block}.bias>div>small{color:#8e99b9;font-size:9px}.axes{justify-content:space-around;align-items:end;height:118px;display:flex}.axes>div{text-align:center;grid-template-rows:auto 1fr auto auto;gap:3px;width:42%;height:100%;display:grid}.axes b{font:10px monospace}.axes i{background:var(--blue);align-self:end;width:100%;min-height:2px}.axes div+div i{background:var(--red)}.axes span{font:10px monospace}.axes small{color:#8f99b5;font-size:8px}.ledger{margin-top:18px;padding:28px}.ledger-empty{background:var(--mist);color:#7e87a1;margin-top:24px;padding:30px;font-size:13px}.table{margin-top:22px}.tr{border-top:1px solid #e2e5ef;grid-template-columns:110px 1.4fr 110px 1fr 110px 30px;align-items:center;gap:10px;padding:13px 8px;font-size:12px;display:grid}.th{color:#7c86a4;text-transform:uppercase;font-size:9px}.tr .raw{color:var(--blue);font:700 13px monospace}.tr button{color:#9ba3b8;cursor:pointer;background:0 0;border:0;font-size:20px}.tr button:hover{color:var(--red)}footer{color:#78819d;justify-content:space-between;padding:30px 0;font-size:10px;display:flex}@media (width<=850px){.hero{grid-template-columns:1fr}.hero>p{margin-top:35px}main{grid-template-columns:1fr}.entry-panel{order:1}.dashboard{order:2}.tr{grid-template-columns:90px 1fr 90px 30px}.tr span:nth-child(4),.tr span:nth-child(5),.th span:nth-child(4),.th span:nth-child(5){display:none}}@media (width<=520px){.page{width:min(100% - 22px,1220px)}.hero{padding:48px 0}.hero h1{font-size:44px}.entry-panel,.dashboard,.ledger{padding:18px}form{grid-template-columns:1fr}.wide,.error,.submit{grid-column:auto}.metrics strong{font-size:16px}.bias{grid-template-columns:1fr;gap:24px}.tr{grid-template-columns:78px 1fr 76px 20px;font-size:10px}.chart-title{display:block}.legend{margin-top:8px}footer{line-height:2;display:block}}