:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#202834;background:#f4f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#fff;border-bottom:1px solid #e0e5eb;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650}.logo{background:#23416b;color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:9px}.tag{font-size:11px;font-weight:400;color:#768ba8;border-left:1px solid #dadfe7;padding-left:12px}.local{font-size:12px;color:#687e9e}main{max-width:1760px;margin:auto;padding:42px 40px 20px}.eyebrow{font-size:12px;color:#264673;font-weight:650;letter-spacing:1px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 32px}h1{font-size:32px;letter-spacing:-1px;margin:0 0 12px;font-weight:650}p{color:#637b9c;line-height:1.8;margin:0}button{font:inherit;cursor:pointer;border:0;border-radius:7px}.primary{background:#23416b;color:#fff;padding:13px 23px;box-shadow:0 3px 5px #23416b15}button:hover{filter:brightness(.95)}button:focus-visible,input:focus-visible{outline:2px solid #4c6d9b;outline-offset:2px}.metrics{display:grid;grid-template-columns:1fr 1fr 1.3fr;background:white;border:1px solid #dfe4ea;border-radius:12px;margin-bottom:25px;padding:22px 0}.metrics>div{padding:0 28px;border-right:1px solid #e5e9ee}.metrics>div:last-child{border:0}.metrics span{display:block;font-size:12px;color:#7589a6;margin-bottom:9px}.metrics strong{font-size:28px;font-weight:600}.metrics small{font-size:12px;font-weight:400;color:#7589a6}.metrics .text{font-size:18px}.workspace{background:white;border:1px solid #dde2e9;border-radius:12px;overflow:hidden}.table-heading{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}h2{font-size:17px;margin:0 0 6px}.table-heading p{font-size:12px}.chip{font-size:11px;background:#f0f3f6;color:#6e84a3;padding:6px 10px;border-radius:5px;white-space:nowrap}.scroll{overflow:auto}table{width:100%;min-width:1500px;border-collapse:collapse;font-size:12px}th{text-align:left;background:#f6f8fa;padding:15px 10px;color:#576b87;white-space:nowrap;border-top:1px solid #e6eaef;border-bottom:1px solid #e6eaef;font-weight:500}th em{font-size:10px;font-style:normal;color:#8e9fb7;margin-left:3px}th.name{min-width:190px;padding-left:24px;position:sticky;left:0;z-index:2}td{padding:20px 10px;border-bottom:1px solid #ebeef2;height:86px;vertical-align:middle}td:first-child{padding-left:24px;background:white;position:sticky;left:0;z-index:1}input{font:inherit;width:100%;min-width:62px;padding:9px 6px;border:1px solid transparent;border-radius:5px;background:transparent;color:#313d4d}input:hover{border-color:#dde2ea;background:#fbfbfc}input:focus{border-color:#43618a;background:#fff;outline:none}input[type=number]{width:84px}input[type=text]{width:166px;font-weight:550}th.result,td.result{background:#f0f3f7}td.result{font-size:17px;font-weight:600;color:#25426b;min-width:136px}td.result small{font-size:11px;font-weight:400}.actions{white-space:nowrap}.actions button{font-size:11px;background:#f0f2f5;color:#4d5f79;padding:7px 9px}.actions .delete{background:transparent;color:#8a9cb5;margin-left:4px}.error{color:#c36049!important;font-size:11px!important;font-weight:400!important;max-width:180px}.add-bottom{width:100%;padding:17px;background:#fff;color:#617797;font-size:12px;text-align:left;padding-left:24px}.below{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-top:32px}.below section{padding:0 4px}h3{font-size:13px;margin:0 0 13px}h3 span{font-size:10px;color:#97a7bd;font-weight:400;margin-left:8px}.below p{font-size:12px;margin-bottom:10px;color:#7086a4}.below b{font-weight:500;color:#566a86}footer{border-top:1px solid #dee3ea;margin-top:30px;padding-top:20px;font-size:11px;color:#8c9db5;display:flex;justify-content:space-between}@media(max-width:700px){header{padding:0 18px;height:65px}.tag,.local{display:none}main{padding:28px 16px}h1{font-size:25px}.intro{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr;gap:18px}.metrics>div{border:0}.metrics strong{font-size:22px}.metrics .text{font-size:16px}.below{grid-template-columns:1fr;gap:16px}.table-heading{padding:18px}.chip{display:none}}

/* Compact frozen result columns leave more room for editable inputs. */
table{border-collapse:separate;border-spacing:0}th:nth-last-child(-n+5),td:nth-last-child(-n+5){position:sticky;z-index:3;box-sizing:border-box;overflow-wrap:anywhere}th:last-child,td:last-child{right:0;width:72px;min-width:72px;max-width:72px;background:#fff}th:nth-last-child(2),td:nth-last-child(2){right:72px;width:110px;min-width:110px;max-width:110px}th:nth-last-child(3),td:nth-last-child(3){right:182px;width:92px;min-width:92px;max-width:92px}th:nth-last-child(4),td:nth-last-child(4){right:274px;width:108px;min-width:108px;max-width:108px}th:nth-last-child(5),td:nth-last-child(5){right:382px;width:116px;min-width:116px;max-width:116px;box-shadow:-5px 0 9px -6px #4a5c7466;border-left:1px solid #dce1e8}th:nth-last-child(-n+5){z-index:4;white-space:normal;font-size:11px;padding:12px 6px;text-align:center}th:last-child{background:#f6f8fa}td.result{font-size:15px;text-align:center;padding:14px 6px}.actions{white-space:normal;text-align:center;padding:10px 5px}.actions button{display:block;margin:0 auto;padding:5px 7px}.actions .delete{margin:3px auto 0;font-size:10px}.metric-note{white-space:nowrap;letter-spacing:-.3px}

.logo{width:auto;min-width:88px;padding:0 12px;font-size:14px;white-space:nowrap}

.metric-note{display:block;font-size:10px;font-weight:400;color:#7287a5;margin-top:5px}.footer-brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.copyright{color:#7c90ab}@media(max-width:700px){footer{flex-wrap:wrap;gap:12px}.footer-brand{gap:8px}}

table{min-width:1578px}

.application{margin-top:24px;padding-top:18px;border-top:1px solid #dee3ea}.application ol{margin:0;padding-left:19px;color:#657c9d;font-size:12px;line-height:1.9}.application li{padding-left:3px;margin-bottom:8px}

/* Blue palette accents. */
.logo,.primary{background:#2563a6}.eyebrow{color:#2563a6}th.result,td.result{background:#edf4fd}td.result{color:#245e9d}.actions button{background:#edf3fb;color:#32669e}.actions .delete{background:transparent;color:#8494a8}button:focus-visible,input:focus-visible{outline-color:#4a8cd2}input:focus{border-color:#4a8cd2}.error{color:#c36049!important}