:root{--navy:#102a56;--blue:#1d4ed8;--blue2:#eaf1ff;--ink:#172033;--muted:#6b7280;--line:#e5eaf2;--bg:#f6f8fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Microsoft YaHei",Arial,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:linear-gradient(180deg,#102a56,#0b2044);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:4px 8px 28px}.brand img{width:58px;height:45px;object-fit:contain;background:#fff;border-radius:9px;padding:3px}.brand strong{display:block;font-size:15px}.brand span{display:block;color:#aebed8;font-size:11px;margin-top:5px}.nav-item{width:100%;border:0;background:transparent;color:#c7d3e6;text-align:left;padding:13px 12px;border-radius:10px;margin:4px 0;font-size:14px;cursor:pointer}.nav-item span{display:inline-flex;min-width:42px;color:#7185a8;font-size:11px}.nav-item:hover,.nav-item.active{background:#1c4076;color:#fff}.nav-item.active span{color:#ffc358}.sidebar-footer{margin-top:auto;color:#9db1d3;font-size:12px;line-height:1.8;padding:12px 8px}.main{flex:1;min-width:0}.topbar{height:92px;background:#fff;border-bottom:1px solid var(--line);padding:20px 36px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#8b97ab;margin:0 0 6px}.topbar h1{font-size:24px;margin:0}.top-actions{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.ghost,.primary,.secondary{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px;cursor:pointer;color:var(--ink)}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.secondary{background:#eff4ff;border-color:#d7e4ff;color:#1745a2}.view{display:none;padding:30px 36px 50px}.active-view{display:block}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px #142b5508;padding:22px}.card h2{font-size:16px;margin:0 0 16px}.muted{color:var(--muted)}.stepper{display:flex;margin-bottom:24px}.step{flex:1;position:relative;font-size:12px;color:#9aa5b6}.step:after{content:"";position:absolute;top:10px;left:28px;right:0;height:1px;background:#dbe3ef}.step:last-child:after{display:none}.step b{display:inline-flex;width:21px;height:21px;border-radius:50%;background:#e4eaf4;color:#71809a;align-items:center;justify-content:center;margin-right:7px;position:relative;z-index:1}.step.active{color:var(--blue)}.step.active b{background:var(--blue);color:#fff}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:#667085}.field input,.field select,.field textarea{width:100%;border:1px solid #dce3ee;border-radius:8px;padding:10px 11px;font:inherit;font-size:13px;background:#fff}.field textarea{min-height:70px;resize:vertical}.product-pick{display:flex;gap:10px;flex-wrap:wrap}.product-option{border:1px solid #dce3ee;padding:13px 15px;border-radius:10px;background:#fff;cursor:pointer;min-width:110px}.product-option.active{border-color:var(--blue);background:var(--blue2);color:#1745a2}.product-option strong{display:block;font-size:18px}.product-option span{font-size:11px;color:var(--muted)}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#7e8ba1;margin:22px 0 10px}.parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.part{display:flex;align-items:center;gap:10px;border:1px solid #e5eaf2;border-radius:9px;padding:10px;background:#fff}.part input{accent-color:var(--blue)}.part-info{min-width:0;flex:1}.part-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-meta{font-size:11px;color:var(--muted);margin-top:4px}.price{font-weight:700;color:#172c55;font-size:13px}.summary{position:sticky;top:20px}.summary-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #e4e8ef;font-size:13px}.summary-row.total{border-bottom:0;font-size:22px;color:var(--blue);padding-top:16px}.badge{display:inline-flex;border-radius:999px;padding:4px 9px;background:#edf8f3;color:#11875d;font-size:11px}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.table-wrap{overflow:auto}.table,.doc-table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left}.table th{color:#64748b;background:#f8fafc}.notice{padding:12px 14px;background:#fff8e7;border:1px solid #f7df9b;color:#8a5a00;border-radius:9px;font-size:12px}.kpi .value{font-size:26px;font-weight:700;color:var(--navy);margin-top:8px}.doc{max-width:1000px;margin:0 auto;background:#fff;border:1px solid var(--line);padding:40px 46px;min-height:760px}.doc-controls{display:flex;justify-content:space-between;margin-bottom:18px}.doc-head{display:flex;justify-content:space-between;gap:25px;border-bottom:2px solid var(--navy);padding-bottom:20px}.doc-brand{display:flex;gap:13px;align-items:center}.doc-brand img{width:100px;height:66px;object-fit:contain}.doc-brand strong{font-size:15px}.doc-brand span{display:block;color:#65728a;font-size:11px;margin-top:4px}.doc-title{text-align:right}.doc-title h2{font-size:24px;letter-spacing:1px;margin:0;color:var(--navy)}.doc-title p{font-size:11px;color:#68758a;margin:6px 0 0}.doc-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0;font-size:12px;line-height:1.8}.doc-table th{background:var(--navy);color:#fff;padding:9px;text-align:left}.doc-table td{border-bottom:1px solid #e4e8ef;padding:10px 9px}.doc-totals{margin:18px 0 0 auto;width:310px;font-size:12px}.doc-totals div{display:flex;justify-content:space-between;padding:6px 0}.doc-totals .grand{font-size:18px;color:var(--blue);font-weight:700;border-top:2px solid var(--navy);margin-top:5px;padding-top:11px}.doc-foot{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;color:#64748b;font-size:11px;line-height:1.7}.toast{position:fixed;right:28px;bottom:28px;background:#142b55;color:#fff;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.25s;font-size:13px}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.sidebar{width:210px}.grid-2{grid-template-columns:1fr}.summary{position:static}.parts{grid-template-columns:1fr}.view{padding:20px}.topbar{padding:16px 20px}.doc{padding:25px 20px}.doc-info{grid-template-columns:1fr}}
.choice-grid{display:grid;gap:9px}.choice-card{display:flex;gap:10px;align-items:center;border:1px solid #e0e7f0;border-radius:9px;padding:11px;cursor:pointer}.choice-card.chosen{border-color:var(--blue);background:var(--blue2)}.choice-card input{accent-color:var(--blue)}.choice-card b,.choice-card small{display:block}.choice-card b{font-size:13px}.choice-card small{font-size:11px;color:var(--muted);margin-top:3px}.field-tip{font-size:11px;color:var(--muted)}.notice-good{background:#edf8f3;border-color:#bde7d2;color:#117350}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-panel{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.image-upload-button{display:flex;align-items:center;gap:12px;min-height:68px;flex:1;min-width:250px;padding:12px 15px;border:1px dashed #6b92ca;border-radius:10px;background:#f7faff;color:#1745a2;cursor:pointer;transition:.2s}.image-upload-button:hover{border-color:var(--blue);background:#edf4ff}.upload-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-size:24px;font-weight:300}.image-upload-button b{display:block;font-size:13px}.image-upload-button small{display:block;margin-top:4px;color:#65748a;font-size:11px;line-height:1.4}.remove-image{border:0;background:transparent;color:#a14848;cursor:pointer;font-size:12px;text-decoration:underline}.quote-image-card{margin-top:18px}.product-preview{display:block;width:min(100%,520px);max-height:320px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fafcff}.image-placeholder,.doc-image-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;color:#8b97aa;border:1px dashed #aebbd0;background:#fafcff;border-radius:10px;min-height:180px;font-size:13px}.image-placeholder small{font-size:11px;margin-top:5px}.doc-product-layout{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center;border:1px solid var(--line);padding:12px;margin-bottom:18px;font-size:12px;line-height:1.9}.doc-product-image{width:190px;height:135px;object-fit:contain}.doc-image-placeholder{min-height:135px;border-radius:0;font-size:11px}.doc-payment{margin-top:25px;border-top:1px solid var(--line);padding-top:14px;font-size:12px;line-height:1.8}.doc-payment h3,.bank-box h3{font-size:13px;color:var(--navy);margin:0 0 6px}.doc-payment p{margin:5px 0}.bank-box{display:flex;justify-content:space-between;gap:25px;margin-top:20px;padding:14px 16px;border:1px solid #ccd9eb;background:#f8fbff;font-size:11px;line-height:1.75}.bank-box p{margin:0}.company-seal{width:120px;height:120px;object-fit:contain;align-self:center;opacity:.83}@media print{.sidebar,.topbar,.doc-controls{display:none!important}.main,.view{padding:0!important}.view{display:none!important}.active-view{display:block!important}.doc{border:0;box-shadow:none;max-width:none;padding:10mm 12mm}.app-shell{display:block}.doc-product-layout{grid-template-columns:160px 1fr}.doc-product-image{width:160px}}
.professional-box{border-top:1px solid var(--line);margin-top:18px;padding-top:2px}.professional-box .actions{margin-top:0}.quote-actions{display:flex;justify-content:flex-end}.spec-box,.document-clause{border-top:1px solid var(--line);padding-top:13px;margin-top:20px;font-size:11px;line-height:1.7}.spec-box h3,.document-clause h3{font-size:13px;color:var(--navy);margin:0 0 7px}.spec-box div{display:flex;gap:14px;flex-wrap:wrap}.document-clause p{margin:0;white-space:pre-wrap}