:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#203247;background:#f3f6fa;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#142539;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%}.brand{display:flex;align-items:center;gap:13px}.brand strong{font-size:18px}.brand strong span{font-weight:400;color:#b2c0d0}.mark{font-size:30px;color:#64dfbd}.badge{font-size:13px;border:1px solid #506072;padding:5px 12px;border-radius:20px;color:#d6e4ed}main{max-width:1520px;margin:auto;padding:34px 4.5% 20px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#567287;margin:0 0 8px}h1{font-size:34px;letter-spacing:-1px;line-height:1.3;margin:0 0 9px}.heading p:last-child{color:#647587;margin:0}.stamp{border-left:3px solid #28a184;padding-left:16px;color:#647587;font-size:14px}.stamp b{font-size:17px;color:#263b4d}.workspace{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:start}.panel{background:white;border:1px solid #dce4ec;border-radius:12px;overflow:hidden;padding:24px;box-shadow:0 3px 10px #162a3f04}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-head>div{display:flex;align-items:center;gap:10px}h2{font-size:20px;line-height:1.45;margin:0}h3{font-size:15px;margin:0 0 10px}.step{font-size:12px;background:#eaf0f6;color:#5a7085;border-radius:5px;padding:4px 7px;font-weight:700}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #429acb;outline-offset:2px}.text-btn{border:0;background:none;color:#42778a;font-size:14px}.order-meta{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-bottom:24px}label{font-size:14px;color:#5b6c7b}input:not([type=checkbox]){width:100%;min-width:0;background:#fff;border:1px solid #d8e0e8;border-radius:6px;padding:9px 10px;color:#24384b;font-size:14px}.order-meta input{display:block;margin-top:6px}.table-scroll{overflow:auto}.input-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:470px}th{font-size:12px;font-weight:500;color:#61778b;text-align:left;padding:9px 5px;background:#f4f7fa}th:nth-child(1){width:28%}th:nth-child(2){width:30%}th:nth-child(3){width:15%}th:nth-child(4){width:21%}th:last-child{width:6%}td{padding:11px 4px;border-bottom:1px solid #edf1f5}.input-table input{padding:9px 6px}button.remove{background:transparent;border:0;color:#8997a7;padding:5px;font-size:20px}.add-btn{width:100%;border:1px dashed #afc2d0;background:#f8fbfd;border-radius:6px;color:#3d6f83;padding:10px;margin-top:14px;font-size:14px}.hint{font-size:12px;color:#718092;line-height:1.7;margin:13px 0 20px}.order-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dfe7ef;padding-top:18px;font-size:14px;color:#667c8e}.order-total strong{font-size:26px;color:#163747;font-variant-numeric:tabular-nums}.needs{margin-top:24px;padding:20px;background:#f4f7fa;border-radius:8px}.needs label{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:#43586b}.needs input{accent-color:#178a70;width:16px;height:16px;margin-top:4px;flex-shrink:0}.live{font-size:12px;color:#4d7b6f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.card{background:#fff;border:1px solid #dce4eb;border-radius:8px;text-align:left;padding:13px 11px;color:#52677a;transition:.15s}.card.active{background:#eaf8f3;border:1.5px solid #198e70;color:#176850}.card strong{display:block;font-size:14px}.card .count{font-size:28px;font-weight:700;line-height:1.7}.card small{font-size:12px;display:block}.flow{display:flex;align-items:center;gap:12px;background:#f5f8fb;border-radius:8px;padding:16px;margin-top:20px;font-size:13px}.flow .origin{background:#243f56;color:white;padding:9px 14px;border-radius:5px;white-space:nowrap}.targets{display:flex;flex-wrap:wrap;gap:6px}.target{background:white;border:1px solid #c8d8e3;border-radius:4px;padding:3px 8px}.detail-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px;gap:10px}.detail-head h3{margin:0}.detail-head span{font-size:12px;color:#7b8b98}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{border-left:2px solid #cbdbe7;padding-left:12px}.metric b{font-size:22px;display:block}.metric span{font-size:12px;color:#738496}.explain{font-size:14px;color:#5e7181;min-height:44px}details{border:1px solid #d9e2eb;border-radius:7px;overflow:hidden}summary{font-size:14px;padding:12px;cursor:pointer;background:#f7f9fc}summary span{font-size:12px;color:#7c8b9a;float:right}pre{font-size:12px;line-height:1.7;background:#172b40;color:#cce4ed;max-height:260px;overflow:auto;margin:0;padding:18px;tab-size:2}.recommendation{display:flex;gap:22px;background:#e6f3ef;border:1px solid #cce5dc;border-radius:10px;padding:25px 30px;margin-top:24px}.recommend-icon{font-size:34px;color:#1d8467}.recommendation h2{font-size:20px;color:#1c584b}.recommendation p:not(.eyebrow){margin:9px 0 0;color:#41665d;font-size:14px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:28px 2px 10px}.notes p{font-size:13px;color:#718293;margin:0}.notes h3{font-size:14px;color:#4f6477}.notes a{color:#39778e;display:inline-block}footer{font-size:12px;color:#8895a3;border-top:1px solid #dde5ec;padding-top:18px;margin-top:16px}#error{color:#ad3434;font-size:14px}button:hover{filter:brightness(.97)}@media(min-width:1500px){main{padding-left:30px;padding-right:30px}}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.stamp{display:none}}@media(max-width:600px){header{height:65px;padding:0 18px}.brand strong{font-size:15px}.brand strong span{display:none}.badge{font-size:12px}main{padding:25px 16px}.heading h1{font-size:27px}.heading p:last-child{font-size:14px}.panel{padding:17px}.cards{gap:6px}.card{padding:10px 7px}.card strong{font-size:13px}.detail-head{align-items:start;flex-direction:column;gap:3px}.notes{grid-template-columns:1fr;gap:20px}.recommendation{padding:20px;gap:10px}.recommend-icon{display:none}.order-meta{grid-template-columns:1fr}.flow{padding:12px;gap:8px}summary span{float:none;display:block;margin-left:16px}}
