:root{--brand-blue:#1b75bb;--brand-dark:#0f4c7a;--brand-light:#e8f1f8;--accent:#0070c0;--bg:#f5f7fa;--white:#fff;--text:#1e293b;--text-light:#64748b;--border:#e2e8f0;--border-focus:#1b75bb;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--sidebar-w:260px;--header-h:64px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif}.header{height:var(--header-h);background:var(--brand-blue);z-index:100;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000026}.header h1{color:var(--white);letter-spacing:.3px;font-size:20px;font-weight:600}.header .subtitle{color:#ffffffb3;margin-left:16px;font-size:13px}.sidebar{top:var(--header-h);width:var(--sidebar-w);height:calc(100vh - var(--header-h));background:var(--white);border-right:1px solid var(--border);z-index:90;padding:20px 0;position:fixed;left:0;overflow-y:auto}.nav-item{cursor:pointer;color:var(--text-light);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 20px;font-size:14px;transition:all .15s;display:flex}.nav-item:hover{background:var(--brand-light);color:var(--text)}.nav-item.active{background:var(--brand-light);color:var(--brand-blue);border-left-color:var(--brand-blue);font-weight:600}.nav-item.completed .nav-dot{background:var(--success)}.nav-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.nav-item.active .nav-dot{background:var(--brand-blue)}.main{margin-left:var(--sidebar-w);margin-top:var(--header-h);max-width:900px;padding:32px 40px 100px}.section-panel{display:none}.section-panel.active{animation:.25s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-title{color:var(--text);margin-bottom:6px;font-size:24px;font-weight:700}.section-subtitle{color:var(--text-light);margin-bottom:28px;font-size:14px;line-height:1.5}.field-group{margin-bottom:18px}.field-group label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-group input,.field-group select,.field-group textarea{border:1.5px solid var(--border);width:100%;color:var(--text);background:var(--white);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #1b75bb1a}.field-group textarea{resize:vertical;min-height:80px}.field-group .hint{color:var(--text-light);margin-top:4px;font-size:12px}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{background:var(--white);border:1.5px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}.card-title{color:var(--text);margin-bottom:12px;font-size:15px;font-weight:600}.radio-group{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.radio-group.three-col{grid-template-columns:1fr 1fr 1fr}.radio-card{border:1.5px solid var(--border);cursor:pointer;background:var(--white);border-radius:10px;padding:16px;transition:all .15s;position:relative}.radio-card:hover{border-color:var(--brand-blue);background:var(--brand-light)}.radio-card.selected{border-color:var(--brand-blue);background:var(--brand-light);box-shadow:0 0 0 3px #1b75bb1f}.radio-card input[type=radio]{opacity:0;position:absolute}.radio-card .card-label{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:600}.radio-card .card-desc{color:var(--text-light);font-size:12px;line-height:1.4}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand-blue);color:var(--white)}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:var(--white);color:var(--brand-blue);border:1.5px solid var(--brand-blue)}.btn-secondary:hover{background:var(--brand-light)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{background:#059669}.btn-sm{padding:7px 14px;font-size:13px}.btn-danger{background:var(--white);color:var(--error);border:1.5px solid var(--error)}.btn-danger:hover{background:#fef2f2}.nav-buttons{border-top:1px solid var(--border);justify-content:space-between;margin-top:36px;padding-top:24px;display:flex}.kpi-table{border-collapse:collapse;width:100%;margin-bottom:12px}.kpi-table th{background:var(--brand-blue);color:var(--white);text-align:left;padding:10px 14px;font-size:13px;font-weight:600}.kpi-table th:first-child{border-radius:8px 0 0}.kpi-table th:last-child{border-radius:0 8px 0 0}.kpi-table td{border-bottom:1px solid var(--border);padding:6px 8px}.kpi-table td input{border:1.5px solid var(--border);border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.kpi-table td input:focus{border-color:var(--border-focus);outline:none}.kpi-table .remove-row{color:var(--error);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px}.kpi-table .remove-row:hover{background:#fef2f2}.scope-item{border:1.5px solid var(--border);background:var(--white);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:14px 16px;transition:border-color .15s;display:flex}.scope-item:hover{border-color:var(--brand-blue)}.scope-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-blue);flex-shrink:0;margin-top:3px}.scope-item .scope-content{flex:1}.scope-item .scope-label{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:600}.scope-item .scope-desc{color:var(--text-light);font-size:12px;line-height:1.4}.scope-item .scope-edit{margin-top:8px;display:none}.scope-item input[type=checkbox]:checked~.scope-content .scope-edit{display:block}.toggle-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.toggle-switch{flex-shrink:0;width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{cursor:pointer;background:#cbd5e1;border-radius:12px;transition:all .2s;position:absolute;inset:0}.toggle-track:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-track{background:var(--brand-blue)}.toggle-switch input:checked+.toggle-track:before{transform:translate(20px)}.pricing-table{border-collapse:collapse;width:100%;margin-bottom:12px}.pricing-table th{background:var(--brand-blue);color:var(--white);text-align:left;padding:10px 14px;font-size:13px;font-weight:600}.pricing-table th:first-child{border-radius:8px 0 0}.pricing-table th:last-child{border-radius:0 8px 0 0}.pricing-table td{border-bottom:1px solid var(--border);padding:6px 8px}.pricing-table td input{border:1.5px solid var(--border);border-radius:6px;width:100%;padding:8px 10px;font-size:13px}.pricing-table td input:focus{border-color:var(--border-focus);outline:none}.eq-table{border-collapse:collapse;width:100%;margin-bottom:12px}.eq-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--brand-blue);text-align:left;border-bottom:2px solid var(--border);padding:8px 12px;font-size:11px;font-weight:600}.eq-table td{border-bottom:1px solid var(--border);padding:9px 12px}.eq-table .eq-model{color:var(--brand-dark);font-weight:600}.eq-table .eq-spec{color:#4a4a6a;font-size:13px}.eq-table .eq-price{color:var(--success);text-align:right;font-family:Consolas,Courier New,monospace;font-size:12px;font-weight:500}.eq-table .eq-qty-input{text-align:center;border:1.5px solid var(--border);border-radius:6px;width:60px;padding:6px 8px;font-size:14px}.eq-table .eq-qty-input:focus{border-color:var(--border-focus);outline:none}.summary-box{background:var(--brand-light);border:1.5px solid var(--brand-blue);border-radius:12px;margin-top:20px;padding:20px}.summary-box .summary-title{color:var(--brand-blue);margin-bottom:12px;font-size:15px;font-weight:700}.summary-line{border-bottom:1px solid #1b75bb26;justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.summary-line:last-child{border-bottom:none}.summary-line.total{color:var(--brand-blue);border-top:2px solid var(--brand-blue);margin-top:8px;padding-top:10px;font-size:15px;font-weight:700}.claude-btn{color:var(--white);cursor:pointer;background:linear-gradient(135deg,#d4a574,#c4956a);border:none;border-radius:8px;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.claude-btn:hover{opacity:.9;transform:translateY(-1px)}.claude-prompt-box{background:#fff8f0;border:1.5px solid #d4a574;border-radius:8px;margin-top:12px;padding:14px;display:none}.claude-prompt-box.show{display:block}.claude-prompt-box p{color:#8b6914;margin-bottom:8px;font-size:13px}.toast{color:#fff;z-index:999;background:#1e293b;border-radius:8px;padding:12px 20px;font-size:14px;animation:.3s slideUp;display:none;position:fixed;bottom:24px;right:24px}.toast.show{display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subsection{color:var(--brand-blue);border-bottom:2px solid var(--brand-light);margin:24px 0 12px;padding-bottom:8px;font-size:16px;font-weight:600}.deal-info{background:var(--brand-light);border-radius:10px;margin-top:16px;padding:16px 20px;display:none}.deal-info.show{display:block}.deal-info .deal-label{color:var(--brand-blue);margin-bottom:4px;font-size:13px;font-weight:600}.deal-info .deal-detail{color:var(--text);font-size:14px;line-height:1.5}.save-indicator{color:#ffffffb3;align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.save-dot{background:var(--success);border-radius:50%;width:8px;height:8px}.reset-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:1.5px solid #fff6;border-radius:6px;margin-left:16px;padding:6px 14px;font-family:inherit;font-size:13px;transition:all .15s}.reset-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffffb3}.autofill-preview{background:var(--brand-light);border:1px solid var(--brand-blue);border-radius:8px;margin-bottom:16px;padding:14px 16px}.autofill-preview .preview-label{color:var(--brand-blue);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600}.autofill-preview .preview-text{color:var(--text);font-size:13px;line-height:1.5}.autofill-preview .preview-text .empty{color:var(--text-light);font-style:italic}
