:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--accent:#f97316;--accent-hover:#ea6c0a;--sidebar-bg:#0f0f1a;--sidebar-text:#ffffff80;--sidebar-text-active:#fff;--sidebar-active-bg:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f4f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);color:#fff;flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff15;padding:24px 20px 16px}.logo-text{color:#fff;font-size:18px;font-weight:700;display:block}.logo-sub{color:#ffffff60;text-transform:uppercase;letter-spacing:1px;font-size:11px}.sidebar-nav{flex:1;padding:12px 0}.nav-item{color:var(--sidebar-text);align-items:center;gap:10px;padding:10px 20px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff10}.nav-item.active{color:var(--sidebar-text-active);background:var(--sidebar-active-bg);border-left:3px solid var(--accent)}.main-content{flex:1;overflow-y:auto}.page{padding:32px}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;font-weight:600}.metrics-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.metric-card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 4px #00000014}.metric-value{color:#1a1a2e;font-size:32px;font-weight:700;display:block}.metric-label{color:#666;margin-top:4px;font-size:13px;display:block}.coming-soon{color:#999;font-size:14px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:14px}.btn-primary:hover{background:var(--accent-hover)}.jobs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.job-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #00000014}.job-card-header{justify-content:space-between;margin-bottom:10px;display:flex}.job-status{color:#2e7d32;background:#e8f5e9;border-radius:20px;padding:3px 8px;font-size:12px;font-weight:600}.job-type{color:#999;font-size:12px}.job-vehicle{margin-bottom:12px;font-size:16px;font-weight:600}.job-meta{color:#666;justify-content:space-between;font-size:13px;display:flex}.form-card{background:#fff;border-radius:10px;max-width:700px;padding:28px;box-shadow:0 1px 4px #00000014}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:#444;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px 12px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-secondary{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:8px;padding:10px 18px;font-size:14px}.contacts-list{flex-direction:column;gap:12px;max-width:700px;display:flex}.contact-card{background:#fff;border-radius:10px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 1px 4px #00000014}.contact-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.contact-name{margin-bottom:4px;font-size:15px;font-weight:600}.contact-meta{color:#666;gap:16px;font-size:13px;display:flex}.dashboard-section{margin-top:32px}.dashboard-section h2{margin-bottom:16px;font-size:18px;font-weight:600}.schedule-list{flex-direction:column;gap:12px;max-width:700px;display:flex}.schedule-item{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 1px 4px #00000014}.schedule-vehicle{margin-bottom:4px;font-size:15px;font-weight:600}.schedule-meta{color:#666;font-size:13px}.status-scheduled{color:#1565c0;background:#e3f2fd}.status-completed{color:#2e7d32;background:#e8f5e9}.status-quoted{color:#f57f17;background:#fff8e1}.status-in_progress{color:#c62828;background:#fce4ec}.pricing-note{color:#666;margin-bottom:24px;font-size:13px}.pricing-table{flex-direction:column;gap:16px;max-width:600px;display:flex}.pricing-group{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #00000014}.pricing-group-header{color:#444;text-transform:uppercase;letter-spacing:.5px;background:#f4f5f7;padding:12px 20px;font-size:13px;font-weight:700}.pricing-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.pricing-row:last-child{border-bottom:none}.pricing-vehicle{color:#333;font-size:14px}.pricing-input-wrap{align-items:center;gap:4px;display:flex}.pricing-dollar{color:#666;font-size:14px}.pricing-input{text-align:right;border:1px solid #ddd;border-radius:6px;width:90px;padding:6px 10px;font-size:14px}.pricing-input:focus{border-color:var(--accent);outline:none}.pricing-name-display{justify-content:space-between;align-items:center;width:100%;display:flex}.pricing-header-actions,.pricing-group-header:hover .pricing-header-actions{opacity:1;gap:6px;display:flex}@media (hover:none){.pricing-header-actions{opacity:1;gap:6px;display:flex}}.pricing-name-edit{align-items:center;gap:6px;width:100%;display:flex}.pricing-name-input{border:1px solid #ddd;border-radius:4px;flex:1;padding:4px 8px;font-size:13px;font-weight:700}.pricing-row-right{align-items:center;gap:8px;display:flex}.icon-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;align-items:center;padding:8px;display:flex}.icon-btn:hover{color:#333;background:#f0f0f0}.icon-btn.danger:hover{color:#e53935;background:#ffebee}.pricing-add-row{color:#999;cursor:pointer;background:0 0;border:none;border-top:1px dashed #e0e0e0;align-items:center;gap:6px;width:100%;padding:10px 20px;font-size:13px;display:flex}.pricing-add-row:hover{color:var(--accent);background:#fafafa}.pricing-vehicle-input{border:1px solid #ddd;border-radius:6px;flex:1;padding:6px 10px;font-size:14px}.pricing-add-service{background:#fff;border-radius:10px;max-width:700px;margin-bottom:24px;padding:24px;box-shadow:0 1px 4px #00000014}.pricing-add-service h3{margin-bottom:16px;font-size:16px;font-weight:600}.pricing-vehicle-section{border-bottom:1px solid #f0f0f0}.pricing-vehicle-section:last-child{border-bottom:none}.pricing-vehicle-label{color:#888;text-transform:uppercase;letter-spacing:.5px;background:#fafafa;padding:8px 20px 4px;font-size:12px;font-weight:600}.pricing-section{margin-bottom:8px}.pricing-section-header{color:#fff;cursor:pointer;background:#1a1a2e;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.pricing-section-header:hover{background:#252540}.pricing-section-count{color:#ffffff80;margin-left:auto;font-size:12px;font-weight:400}.pricing-row-editing{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.pricing-edit-fields{flex-wrap:wrap;gap:12px;width:100%;display:flex}.pricing-edit-field{flex-direction:column;gap:4px;display:flex}.pricing-edit-field label{color:#888;text-transform:uppercase;font-size:11px;font-weight:600}.pricing-edit-field input{border:1px solid #ddd;border-radius:6px;padding:6px 10px;font-size:14px}.pricing-edit-actions{gap:6px;display:flex}.settings-section{max-width:700px;margin-bottom:32px}.settings-section h2{margin-bottom:6px;font-size:18px;font-weight:600}.settings-desc{color:#666;margin-bottom:20px;font-size:13px}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.theme-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:10px;transition:all .15s;overflow:hidden;box-shadow:0 1px 4px #00000014}.theme-card:hover{border-color:#ddd;transform:translateY(-2px)}.theme-card.active{border-color:var(--accent)}.theme-preview{height:80px;display:flex}.theme-sidebar{flex-shrink:0;width:30px}.theme-content{background:#f4f5f7;flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.theme-accent-bar{border-radius:3px;width:60%;height:6px}.theme-lines{flex-direction:column;gap:4px;display:flex}.theme-line{background:#ddd;border-radius:2px;width:80%;height:4px}.theme-line.short{width:50%}.theme-label{justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:500;display:flex}.theme-active-badge{background:var(--accent);color:#fff;border-radius:10px;padding:2px 6px;font-size:11px}.proposals-list{flex-direction:column;gap:12px;max-width:800px;display:flex}.proposal-card{cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:20px;transition:box-shadow .15s;display:flex;box-shadow:0 1px 4px #00000014}.proposal-card:hover{box-shadow:0 4px 12px #0000001f}.proposal-customer{margin-bottom:6px;font-size:16px;font-weight:600}.proposal-meta{color:#666;gap:16px;margin-bottom:4px;font-size:13px;display:flex}.proposal-notes{color:#888;margin-top:4px;font-size:13px}.proposal-card-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.proposal-total{color:#1a1a2e;font-size:20px;font-weight:700}.proposal-form-layout{gap:24px;display:flex}.proposal-line-item{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.proposal-total-row{border-top:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 0;font-size:16px;font-weight:600;display:flex}.proposal-total-amount{color:var(--accent);font-size:24px;font-weight:700}.proposal-detail-card{background:#fff;border-radius:10px;max-width:800px;padding:32px;box-shadow:0 1px 4px #00000014}.proposal-detail-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;display:flex}.proposal-detail-shop{font-size:20px;font-weight:700}.proposal-detail-sub{color:#666;margin-top:2px;font-size:13px}.proposal-detail-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.proposal-detail-customer{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px}.proposal-detail-name{margin-bottom:4px;font-size:18px;font-weight:600}.proposal-detail-notes{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px}.proposal-items-table{border-collapse:collapse;width:100%;margin-bottom:16px}.proposal-items-table th{text-align:left;color:#999;text-transform:uppercase;border-bottom:2px solid #f0f0f0;padding:10px 12px;font-size:12px;font-weight:600}.proposal-items-table td{border-bottom:1px solid #f0f0f0;padding:14px 12px;font-size:14px}.proposal-items-table tbody tr:last-child td{border-bottom:none}.proposal-approved-banner{color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:8px;margin-top:16px;padding:16px 20px;font-weight:600}.btn-danger{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;padding:10px 18px;font-size:14px}.btn-danger:hover{background:#c62828}.public-proposal-page{background:#f4f5f7;justify-content:center;min-height:100vh;padding:40px 20px;display:flex}.public-proposal-card{background:#fff;border-radius:12px;width:100%;max-width:700px;overflow:hidden;box-shadow:0 4px 24px #0000001a}.public-proposal-header{color:#fff;background:#0f0f1a;padding:32px}.public-shop-name{margin-bottom:4px;font-size:22px;font-weight:700}.public-shop-sub{color:#fff9;font-size:13px}.public-proposal-body{padding:32px}.public-proposal-meta{border-bottom:1px solid #f0f0f0;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;display:flex}.public-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600}.public-customer-name{margin-bottom:4px;font-size:20px;font-weight:700}.public-customer-sub{color:#666;font-size:14px}.public-proposal-notes{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px}.public-approve-section{text-align:center;margin-top:24px}.public-approve-note{color:#666;margin-bottom:16px;font-size:13px}.public-approve-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:8px;width:100%;padding:16px 40px;font-size:16px;font-weight:600}.public-approve-btn:hover{background:#ea6c0a}.public-approved-banner{color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:8px;margin-top:24px;padding:20px;font-size:16px;font-weight:600}.filter-tabs{background:#ebebeb;border-radius:8px;flex-wrap:wrap;gap:4px;width:fit-content;margin-bottom:20px;padding:3px;display:flex}.filter-tab{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;padding:5px 14px;font-size:12px;transition:all .12s}.filter-tab.active{color:#1a1a2e;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.filter-tab:hover:not(.active){color:#1a1a2e}.job-total{color:#1a1a2e;font-size:14px;font-weight:700}.job-contact{color:#888;gap:12px;margin-bottom:6px;font-size:12px;display:flex}.job-notes{color:#aaa;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:12px;overflow:hidden}.job-card-footer{border-top:1px solid #f0f0f0;margin-top:12px;padding-top:12px}.tech-assign{flex-direction:column;gap:8px;display:flex}.tech-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tech-chip{color:#444;background:#f4f5f7;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:inline-flex}.tech-chip-pay{color:var(--accent);font-size:11px;font-weight:600}.tech-chip-x{cursor:pointer;color:#bbb;background:0 0;border:none;padding:0 0 0 2px;font-size:15px;line-height:1}.tech-chip-x:hover{color:#e53935}.tech-assign-btn{color:#999;cursor:pointer;background:0 0;border:1px dashed #ccc;border-radius:20px;padding:3px 12px;font-size:12px;transition:all .12s}.tech-assign-btn:hover{border-color:var(--accent);color:var(--accent)}.tech-assign-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tech-select{color:#1a1a2e;background:#fff;border:1px solid #ddd;border-radius:7px;padding:5px 8px;font-size:12px}.tech-select:focus{border-color:var(--accent);outline:none}.tech-pay-input{border:1px solid #ddd;border-radius:7px;width:72px;padding:5px 8px;font-size:12px}.btn-sm{padding:5px 12px!important;font-size:12px!important}.toggle-label{color:#666;cursor:pointer;align-items:center;gap:6px;font-size:13px;display:flex}.tech-table-wrap{background:#fff;border-radius:10px;max-width:900px;overflow:hidden;box-shadow:0 1px 4px #00000014}.tech-table{border-collapse:collapse;width:100%;font-size:13px}.tech-table th{text-align:left;color:#999;text-transform:uppercase;letter-spacing:.05em;background:#fafafa;border-bottom:1px solid #f0f0f0;padding:12px 16px;font-size:11px;font-weight:700}.tech-table td{color:#444;border-bottom:1px solid #f5f5f5;padding:13px 16px}.tech-table tr:last-child td{border-bottom:none}.tech-table tr:hover td{background:#fafafa}.tech-name{align-items:center;gap:8px;font-weight:600;display:flex;color:#1a1a2e!important}.tech-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-active{background:#16a34a}.dot-inactive{background:#ccc}.tech-status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-active{color:#2e7d32;background:#e8f5e9}.badge-inactive{color:#999;background:#f5f5f5}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:12px;width:90vw;max-width:500px;padding:28px;box-shadow:0 8px 32px #00000026}.modal-title{color:#1a1a2e;margin-bottom:20px;font-size:18px;font-weight:700}.modal-err{color:#e53935;margin-bottom:8px;font-size:12px}.tech-chip-editable{cursor:pointer}.tech-chip-editable:hover{border-color:var(--accent);color:var(--accent)}.tech-chip-edit-icon{color:#bbb;margin-left:2px;font-size:11px}.pay-editor{z-index:50;background:#fff;border:1px solid #ddd;border-radius:10px;min-width:240px;padding:14px;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 4px 16px #0000001f}.pay-editor-title{color:#1a1a2e;margin-bottom:10px;font-size:13px;font-weight:600}.pay-editor-row{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.pay-editor-actions{justify-content:space-between;align-items:center;display:flex}.status-select{cursor:pointer;border:none;border-radius:20px;outline:none;padding:3px 8px;font-family:inherit}.status-select:hover{opacity:.85}@page{margin:.75in}@media print{.sidebar,.page-header,.topbar,nav,.no-print,button,.btn-primary,.btn-secondary,.btn-danger,.tech-chip-pay,.tech-chip-edit-icon{display:none!important}.app-layout{display:block}.main-content{overflow:visible}.page{padding:0}.proposal-detail-card,.form-card{box-shadow:none;border:none}body{color:#000;background:#fff}}.inv-doc{background:#fff;border-radius:12px;max-width:820px;padding:40px;box-shadow:0 1px 4px #00000014}.inv-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;display:flex}.inv-brand{align-items:center;gap:16px;display:flex}.inv-logo{object-fit:contain;border-radius:8px;width:72px;height:72px}.inv-logo-placeholder{border:2px dashed;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex}.inv-business-name{color:#0b1220;font-size:22px;font-weight:700}.inv-business-sub{color:#999;margin-top:2px;font-size:12px}.inv-meta{text-align:right}.inv-number{letter-spacing:2px;margin-bottom:8px;font-size:24px;font-weight:700}.inv-meta-row{color:#666;justify-content:flex-end;gap:16px;font-size:13px;line-height:2;display:flex}.inv-meta-row span:first-child{color:#aaa;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.inv-status-pill{letter-spacing:1px;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.inv-info-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}.inv-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:16px 20px}.inv-card-label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.inv-card-name{color:#1a1a2e;margin-bottom:4px;font-size:15px;font-weight:600}.inv-card-sub{color:#666;font-size:13px}.inv-tech-chip{color:#444;background:#f4f5f7;border:1px solid #e0e0e0;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;display:inline-flex}.inv-notes{color:#666;margin-bottom:24px;font-size:13px}.inv-section-label{letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:12px;font-size:11px;font-weight:700}.inv-table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:13px}.inv-table th{text-align:left;color:#999;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f0f0f0;padding:10px 12px;font-size:11px;font-weight:600}.inv-table td{border-bottom:1px solid #f5f5f5;padding:12px}.inv-table tbody tr:last-child td{border-bottom:none}.inv-totals{width:280px;margin-bottom:24px;margin-left:auto}.inv-totals-row{color:#666;border-bottom:1px solid #f5f5f5;justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.inv-totals-row:last-child{border-bottom:none}.inv-totals-grand{color:#1a1a2e;border-top:2px solid;padding-top:12px;font-size:16px;font-weight:700;border-bottom:none!important}.inv-paid-banner{color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:8px;margin-bottom:24px;padding:16px 20px;font-weight:600}.inv-sig-section{border:1px solid #f0f0f0;border-radius:10px;margin-top:32px;padding:24px}.inv-sig-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.inv-sig-tabs{gap:8px;display:flex}.inv-sig-tab{cursor:pointer;color:#888;background:0 0;border:1px solid #ddd;border-radius:20px;padding:5px 14px;font-size:12px;transition:all .12s}.inv-canvas-wrap{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:10px;position:relative;overflow:hidden}.inv-sig-placeholder{color:#ccc;pointer-events:none;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inv-sig-actions{justify-content:flex-end;gap:8px;display:flex}.inv-sms-panel{flex-direction:column;gap:10px;display:flex}.inv-sms-status{color:#999;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:10px 14px;font-size:12px}.inv-sms-status.waiting{color:#f59e0b}.inv-sig-legal{color:#bbb;border-top:1px solid #f0f0f0;margin-top:16px;padding-top:12px;font-size:11px;line-height:1.6}@media print{.inv-doc{box-shadow:none;border-radius:0;max-width:100%;padding:0}.inv-card{background:#fafafa;border:1px solid #ddd}.inv-table th,.inv-table td{border-color:#eee}}.topbar{background:var(--sidebar-bg);z-index:100;border-bottom:1px solid #ffffff14;align-items:center;padding:12px 16px;display:none;position:sticky;top:0}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}.hamburger span{background:#fff;border-radius:2px;width:22px;height:2px;transition:all .2s;display:block}.sidebar-overlay{z-index:200;background:#00000080;display:none;position:fixed;inset:0}.sidebar-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:16px;display:none}@media (width<=768px){.topbar{display:flex}.sidebar{z-index:300;width:240px;height:100vh;transition:left .25s;position:fixed;top:0;left:-240px;overflow-y:auto}.sidebar.sidebar-open{left:0}.sidebar-overlay,.sidebar-close{display:block}.sidebar-logo{align-items:center;display:flex}.app-layout{flex-direction:column}.main-content{width:100%}.page{padding:16px}.page-header{flex-wrap:wrap;gap:10px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.proposal-form-layout{flex-direction:column}.inv-doc{padding:20px}}@media (width<=480px){.metrics-grid{grid-template-columns:1fr}}@media (width<=768px){.topbar{justify-content:space-between}.page-header h1{font-size:20px}.jobs-grid,.inv-info-grid{grid-template-columns:1fr!important}.inv-doc{padding:16px}.inv-totals{width:100%}.proposal-items-table th:nth-child(3),.proposal-items-table td:nth-child(3){display:none}.filter-tabs{flex-wrap:wrap}.tech-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.pricing-table{overflow-x:auto}.modal-box{margin:16px;width:calc(100% - 32px)!important;max-width:100%!important}.form-card-grid{grid-template-columns:1fr!important}.page-header>div{flex-wrap:wrap}.contact-detail-grid{grid-template-columns:1fr!important}}@media (width<=480px){.page{padding:12px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:18px}.page-header>div{width:100%}.btn-primary,.btn-secondary{padding:7px 12px;font-size:13px}.job-card,.metric-card{padding:12px}.metric-value{font-size:22px!important}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-tab{white-space:nowrap;flex-shrink:0}.inv-doc{border-radius:8px;padding:12px}.inv-header{flex-direction:column;gap:16px}.inv-meta{text-align:left}.inv-meta-row{justify-content:flex-start}.proposal-detail-card{padding:16px}.settings-section{padding:16px 0}.theme-grid{grid-template-columns:repeat(2,1fr)!important}.pricing-row{flex-wrap:wrap;gap:8px}.tech-chips{flex-wrap:wrap}.notification-panel{width:auto!important;left:8px!important;right:8px!important}}.sidebar{flex-direction:column;height:100vh;display:flex;overflow:hidden}.sidebar-nav{flex:1;padding-bottom:8px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}:root{--color-background-primary:#fff;--color-background-secondary:#f4f5f7;--color-background-tertiary:#eceef2;--color-text-primary:#1a1a2e;--color-text-secondary:#666;--color-border-primary:#ddd;--color-border-secondary:#e0e0e0;--color-border-tertiary:#eee}