html,body{color:#111;background:#fff;margin:0;padding:0;font-size:16px}.wrapper{max-width:960px;margin:0 auto;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (width>=768px){.wrapper{padding:32px 48px}}.form-stack{flex-direction:column;gap:16px;display:flex}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-left{align-items:center;gap:14px;display:flex}.header-logo{flex-shrink:0;width:auto;height:52px}.header h1{color:#991b1b;margin:0;font-size:20px;font-weight:700}.header p{color:#888;margin:2px 0 0;font-size:13px}.btn-reset{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.section-title{font-size:14px;font-weight:700}.device-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.btn-device{color:#333;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 8px;font-size:13px;font-weight:400}.btn-device.selected{color:#991b1b;background:#fef2f2;border:2px solid #991b1b;font-weight:700}.tier-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.btn-tier{cursor:pointer;text-align:left;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 10px}.btn-tier.selected{background:#fef2f2;border:2px solid #991b1b}.btn-tier-label{color:#333;font-size:14px;font-weight:600}.btn-tier.selected .btn-tier-label{color:#991b1b}.btn-tier-sub{color:#888;font-size:12px}.field{flex-direction:column;gap:4px;font-size:13px;display:flex}.field-label{font-weight:600}.field-hint{color:#888;font-size:11px}.field-calc-note{color:#666;margin-top:4px;font-size:12px}.input,.select{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkbox-row{flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.checkbox-label{align-items:center;gap:6px;display:flex}.checkbox-label input,.vague-label input{width:16px;height:16px}.vague-label{align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.complexity-option{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.complexity-option.selected{background:#fef2f2;border:2px solid #991b1b}.complexity-option input{margin-top:2px}.complexity-name{font-size:13px;font-weight:600}.complexity-premium{color:#888;font-weight:400}.complexity-desc{color:#888;font-size:11px}.alert-stack{flex-direction:column;gap:6px;display:flex}.alert{color:#333;border-radius:8px;padding:10px;font-size:13px}.alert.warn{background:#fef3c7;border:1px solid #fcd34d}.alert.info{background:#eff6ff;border:1px solid #93c5fd}.alert.critical{background:#fef2f2;border:1px solid #fca5a5;font-weight:600}.fixed-price-result{background:#f0fdf4;border:1px solid #86efac;border-radius:10px;padding:16px}.fixed-price-result .quote-label{color:#888;font-size:12px}.fixed-price-result .quote-amount{color:#16a34a;font-size:32px;font-weight:700}.fixed-price-result .quote-sublabel{color:#555;margin-top:4px;font-size:13px}.quick-look-note{color:#555;background:#fff;border-radius:6px;margin-top:12px;padding:10px;font-size:12px}.replacement-warning{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}.repair-result{background:#f0fdf4;border:2px solid #16a34a;border-radius:12px;padding:20px}.repair-result .quote-label{color:#888;font-size:12px}.repair-result .quote-amount{color:#16a34a;font-size:36px;font-weight:700}.breakdown-table{border-collapse:collapse;width:100%;margin-top:16px;font-size:13px}.breakdown-table thead tr{border-bottom:2px solid #d1d5db}.breakdown-table th{color:#888;padding:6px 0;font-weight:600}.breakdown-table th:first-child{text-align:left}.breakdown-table th:not(:first-child){text-align:right}.breakdown-table td{padding:8px 0}.breakdown-table td:not(:first-child){text-align:right}.breakdown-table .row-border{border-bottom:1px solid #e5e7eb}.breakdown-table .row-total{border-top:2px solid #333;font-weight:700}.breakdown-table .profit{color:#16a34a;font-weight:600}.breakdown-table .muted{color:#888}.breakdown-footer{color:#888;border-top:1px solid #e5e7eb;justify-content:space-between;margin-top:12px;padding:8px 0;font-size:12px;display:flex}.policies{color:#666;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;font-size:12px}.policies strong{color:#333}.policies-list{flex-direction:column;gap:4px;margin-top:6px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.btn-metrics{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600}.btn-metrics:hover{background:#e0e7ff}.pw-overlay{z-index:100;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pw-box{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:320px;padding:24px;display:flex;box-shadow:0 8px 32px #0000002e}.pw-title{color:#111;font-size:15px;font-weight:700}.pw-actions{gap:8px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#991b1b;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:600}.btn-primary:hover{background:#7f1d1d}.btn-secondary{color:#444;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500}.btn-secondary:hover{background:#f3f4f6}.save-quote-panel{border-top:1px solid #d1fae5;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.save-quote-title{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.outcome-buttons{gap:8px;display:flex}.confirm-step{flex-direction:column;gap:10px;display:flex}.confirm-outcome-label{color:#374151;font-size:14px}.text-win{color:#15803d}.text-loss{color:#b91c1c}.confirm-message{color:#888;font-size:12px;font-style:italic}.confirm-actions{align-items:center;gap:8px;display:flex}.btn-outcome{cursor:pointer;color:#555;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;flex:1;padding:9px 4px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.btn-outcome.win.selected{color:#15803d;background:#f0fdf4;border-color:#16a34a}.btn-outcome.loss.selected{color:#b91c1c;background:#fef2f2;border-color:#dc2626}.loss-reason-input{resize:vertical;box-sizing:border-box;border:1px solid #fca5a5;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.btn-save-quote{color:#fff;cursor:pointer;background:#991b1b;border:none;border-radius:8px;align-self:flex-start;padding:9px 22px;font-size:13px;font-weight:600}.btn-save-quote:hover:not(:disabled){background:#7f1d1d}.btn-save-quote:disabled{opacity:.6;cursor:not-allowed}.save-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:7px 10px;font-size:12px}.save-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;padding:7px 10px;font-size:12px}.metrics-view{flex-direction:column;gap:20px;margin-top:4px;display:flex}.metrics-loading{color:#888;padding:16px 0;font-size:14px}.inline-link{color:#991b1b;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.metrics-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.metrics-section-title{text-transform:uppercase;letter-spacing:.04em;color:#555;margin-bottom:14px;font-size:13px;font-weight:700}.metrics-cards{flex-wrap:wrap;gap:10px;display:flex}.metrics-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;min-width:90px;padding:12px 10px}.metrics-card.win{border-color:#86efac}.metrics-card.loss{border-color:#fca5a5}.metrics-card.rate{border-color:#c7d2fe}.metrics-card.pending{border-color:#fde68a}.metrics-card.avg{border-color:#d1fae5}.metrics-card-num{color:#111;font-size:26px;font-weight:700}.metrics-card.win .metrics-card-num{color:#16a34a}.metrics-card.loss .metrics-card-num{color:#dc2626}.metrics-card.rate .metrics-card-num{color:#4338ca}.metrics-card-label{color:#888;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px}.metrics-table{border-collapse:collapse;width:100%;font-size:13px}.metrics-table th{text-align:left;color:#888;border-bottom:2px solid #e5e7eb;padding:6px 8px;font-size:12px;font-weight:600}.metrics-table td{border-bottom:1px solid #f3f4f6;padding:8px}.metrics-table tr:last-child td{border-bottom:none}.cell-win{color:#16a34a;font-weight:600}.cell-loss{color:#dc2626;font-weight:600}.cell-date{color:#888;white-space:nowrap;font-size:12px}.cell-loss-reason{color:#555;max-width:220px;font-size:12px}.cell-muted{color:#ccc}.outcome-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.outcome-badge.win{color:#15803d;background:#f0fdf4}.outcome-badge.loss{color:#b91c1c;background:#fef2f2}.outcome-badge.pending{color:#92400e;background:#fffbeb}.metrics-refresh{justify-content:flex-end;display:flex}