:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f7fa}#root{width:100%}a{text-decoration:none}input:focus,select:focus,button:focus{outline:2px solid #1a5f7a;outline-offset:2px}*{box-sizing:border-box}:root{--primary-dark: #243044;--primary-light: #44546A;--primary-red: #E03A3E;--primary-red-dark: #70181A;--accent-teal: #458F9C;--accent-mint: #38BDA0;--accent-gold: #EEB959;--accent-orange: #E98645;--bg-light: #f5f7fa;--bg-white: #ffffff;--text-dark: #243044;--text-muted: #666666;--border-light: #ddd}body{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.6}.page-header{display:flex;justify-content:space-between;align-items:center;padding:.13rem .5rem;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-light) 100%);color:#fff;margin-bottom:2rem}.page-header h1{margin:0;font-size:1.5rem;font-weight:700}.header-logo{height:85px;width:auto;max-width:400px;display:block}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;transition:background .2s}.nav-link:hover{background:#ffffff1a}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-family:Arial,sans-serif;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary-red);color:#fff}.btn-primary:hover{background:var(--primary-red-dark)}.btn-secondary{background:var(--primary-light);color:#fff}.btn-secondary:hover{background:var(--primary-dark)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-small{padding:.25rem .5rem;font-size:.8rem}.quote-builder{max-width:1400px;margin:0 auto}.quote-info{display:flex;gap:1rem;padding:0 2rem;margin-bottom:1.5rem}.info-input{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:4px;font-size:1rem;font-family:Arial,sans-serif;flex:1}.info-input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 2px #458f9c33}.builder-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;padding:0 2rem 2rem}.selection-panel{display:flex;flex-direction:column;gap:1.5rem}.category-section{background:var(--bg-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #2430441a}.category-section h2{margin:0 0 1rem;color:var(--primary-dark);font-size:1.1rem;border-bottom:2px solid var(--primary-red);padding-bottom:.5rem}.items-list{display:flex;flex-direction:column;gap:.75rem}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8f9fa;border-radius:4px}.item-row:hover{background:#eef1f4}.item-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1}.item-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-red)}.item-name{font-weight:500;color:var(--text-dark)}.qty-input{width:80px;padding:.5rem;border:1px solid var(--border-light);border-radius:4px;text-align:center;font-family:Arial,sans-serif}.qty-input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 2px #458f9c33}.quote-summary{background:var(--bg-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #2430441a;position:sticky;top:1rem;height:fit-content;border-top:4px solid var(--primary-red)}.quote-summary h2{margin:0 0 1rem;color:var(--primary-dark);border-bottom:2px solid var(--primary-light);padding-bottom:.5rem}.empty-quote{color:var(--text-muted);text-align:center;padding:2rem}.summary-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.summary-table th,.summary-table td{padding:.5rem;text-align:left;border-bottom:1px solid #eee}.summary-table th{font-weight:600;color:var(--primary-light)}.summary-table td:last-child{text-align:right;font-family:Courier New,monospace}.totals-section{margin-bottom:1.5rem}.category-total-row{display:flex;justify-content:space-between;padding:.75rem 0;font-size:1.1rem;border-bottom:1px solid #eee}.category-total-row span:last-child{font-weight:600;font-family:Courier New,monospace}.grand-total{display:flex;justify-content:space-between;padding:.75rem 0;font-size:1.25rem;font-weight:700;color:var(--primary-dark);border-top:2px solid var(--primary-red);margin-top:.5rem}.quote-actions{display:flex;gap:.5rem}.quote-actions .btn{flex:1}.admin-page{max-width:1200px;margin:0 auto;padding-bottom:2rem}.admin-actions{padding:0 2rem;margin-bottom:1.5rem}.categories-grid{display:grid;gap:1.5rem;padding:0 2rem}.category-card{background:var(--bg-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #2430441a;border-left:4px solid var(--accent-teal)}.category-card h2{margin:0 0 1rem;color:var(--primary-dark)}.pricing-table{width:100%;border-collapse:collapse}.pricing-table th,.pricing-table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.pricing-table th{background:#f8f9fa;font-weight:600;color:var(--primary-light)}.price-input{width:100px;padding:.5rem;border:1px solid var(--border-light);border-radius:4px;font-family:Arial,sans-serif}.price-input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 2px #458f9c33}.settings-row{margin-bottom:1rem}.settings-label{display:block;font-weight:600;color:var(--primary-dark);margin-bottom:.25rem}.settings-input-group{display:flex;gap:.5rem;align-items:center}.settings-help{font-size:.8rem;color:var(--text-muted);margin:.25rem 0 0}.bundle-description{color:var(--text-muted);font-size:.9rem;margin:0 0 1rem}.bundles-list{display:flex;flex-direction:column;gap:2px}.bundle-item{border:1px solid #eee;border-radius:6px;overflow:hidden}.bundle-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;background:#f8f9fa;border:none;cursor:pointer;font-family:Arial,sans-serif;text-align:left}.bundle-header:hover{background:#eef1f4}.bundle-header-left{display:flex;align-items:center;gap:.75rem}.bundle-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}.bundle-name{font-weight:600;color:var(--primary-dark);font-size:.95rem}.bundle-header-right{display:flex;align-items:center;gap:1rem}.bundle-total{font-weight:700;color:var(--primary-dark);font-family:Courier New,monospace}.bundle-count{font-size:.8rem;color:var(--text-muted)}.bundle-chevron{font-size:.7rem;color:var(--text-muted)}.bundle-components{padding:1rem;border-top:1px solid #eee}.comp-total{font-weight:600;font-family:Courier New,monospace}.add-component-row{display:flex;gap:.5rem;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #eee}.text-muted{color:var(--text-muted)}.add-item-section{background:var(--bg-white);border-radius:8px;padding:1.5rem;margin:2rem;box-shadow:0 2px 4px #2430441a}.add-item-section h2{margin:0 0 1rem;color:var(--primary-dark)}.add-item-form{display:flex;gap:.75rem;flex-wrap:wrap}.add-item-form select,.add-item-form input{padding:.5rem;border:1px solid var(--border-light);border-radius:4px;font-size:.9rem;font-family:Arial,sans-serif}.add-item-form input[type=text]{flex:1;min-width:150px}.add-item-form input[type=number]{width:100px}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.error-container h2{color:var(--primary-red);margin-bottom:1rem}.error-container p{color:var(--text-muted);margin-bottom:1.5rem}.session-warning{background:#fff3cd;color:#856404;padding:.75rem 2rem;text-align:center;font-weight:500;border-bottom:1px solid var(--accent-gold)}.cpq-context-bar{background:#e9ecef;padding:.5rem 2rem;display:flex;gap:2rem;font-size:.9rem;color:var(--primary-light);margin-bottom:1rem}.error-message{background:#f8d7da;color:var(--primary-red-dark);padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.btn:disabled{opacity:.6;cursor:not-allowed}.page-header nav{display:flex;gap:.5rem}.page-header nav button.nav-link{background:transparent;font-size:.9rem;cursor:pointer}.landing-page{min-height:100vh;background:var(--bg-light)}.landing-content{max-width:900px;margin:0 auto;padding:3rem 2rem;text-align:center}.landing-title{color:var(--primary-dark);font-size:1.5rem;font-weight:600;margin:0 0 2.5rem}.landing-cards{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.landing-card{background:var(--bg-white);border-radius:12px;padding:2.5rem 2rem;box-shadow:0 2px 8px #2430441a;text-decoration:none;color:var(--text-dark);transition:all .2s;border:2px solid transparent}.landing-card:hover{border-color:var(--primary-red);box-shadow:0 4px 16px #24304426;transform:translateY(-2px)}.landing-card-icon{color:var(--primary-light);margin-bottom:1.5rem}.landing-card:hover .landing-card-icon{color:var(--primary-red)}.landing-card h3{font-size:1.25rem;font-weight:700;color:var(--primary-dark);margin:0 0 .75rem}.landing-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:0}.project-list-page{min-height:100vh;background:var(--bg-light)}.project-list-content{max-width:1000px;margin:0 auto;padding:0 2rem 2rem}.project-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.project-list-header h2{margin:0;color:var(--primary-dark);font-size:1.25rem}.new-project-form-card{background:var(--bg-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #2430441a;margin-bottom:1.5rem;border-left:4px solid var(--primary-red)}.new-project-form{display:flex;flex-direction:column;gap:.75rem}.new-project-actions{display:flex;gap:.5rem;margin-top:.25rem}.project-table-container{background:var(--bg-white);border-radius:8px;box-shadow:0 2px 4px #2430441a;overflow:visible}.project-table{width:100%;border-collapse:collapse}.project-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--primary-light);background:#f8f9fa;border-bottom:2px solid #eee;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.project-table td{padding:.75rem 1rem;border-bottom:1px solid #eee}.project-row{cursor:pointer;transition:background .15s}.project-row:hover{background:#f8f9fa}.project-name{font-weight:600;color:var(--primary-dark)}.project-customer{color:var(--text-muted)}.project-date{color:var(--text-muted);font-size:.9rem}.inline-edit{padding:.25rem .5rem;font-size:.95rem;width:100%}.status-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:capitalize}.status-draft{background:#e9ecef;color:var(--primary-light)}.status-active{background:#d4edda;color:#155724}.status-complete{background:#d1ecf1;color:#0c5460}.project-actions-cell{position:relative;width:40px}.btn-icon{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--text-muted);padding:.25rem .5rem;border-radius:4px;line-height:1}.btn-icon:hover{background:#eee;color:var(--text-dark)}.context-menu{position:absolute;right:0;bottom:100%;background:var(--bg-white);border-radius:6px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:140px;overflow:hidden}.context-menu button{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;cursor:pointer;text-align:left;font-size:.9rem;font-family:Arial,sans-serif;color:var(--text-dark)}.context-menu button:hover{background:#f8f9fa}.context-menu-danger{color:#dc3545!important}.context-menu-danger:hover{background:#fff5f5!important}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-white);border-radius:8px;box-shadow:0 2px 4px #2430441a}.empty-state-icon{margin-bottom:1.5rem}.empty-state h3{color:var(--primary-dark);margin:0 0 .5rem;font-size:1.25rem}.empty-state p{color:var(--text-muted);margin:0 0 1.5rem}.project-name-input{font-size:1.5rem;font-weight:700;color:#fff;background:transparent;border:1px solid transparent;border-radius:4px;padding:.1rem .4rem;margin:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;outline:none;min-width:200px;max-width:400px}.project-name-input:hover{border-color:#ffffff4d}.project-name-input:focus{border-color:#fff9;background:#ffffff1a}.project-name-input::placeholder{color:#ffffff80}button.landing-card{cursor:pointer;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;text-align:center}button.landing-card:disabled{opacity:.7;cursor:wait}.designer-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-light)}.designer-header{margin-bottom:0}.designer-header-left{display:flex;align-items:center;gap:1rem}.save-indicator{font-size:.8rem;opacity:.7;font-weight:400}.floor-plan-tabs{display:flex;background:#e9ecef;padding:0 1rem;gap:2px;overflow-x:auto}.fp-tab{padding:.5rem 1rem;background:transparent;border:none;cursor:pointer;font-family:Arial,sans-serif;font-size:.85rem;color:var(--text-muted);border-bottom:2px solid transparent;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.fp-tab:hover{background:#ffffff80}.fp-tab-active{background:var(--bg-white);color:var(--primary-dark);font-weight:600;border-bottom-color:var(--primary-red)}.fp-tab-close{font-size:1rem;line-height:1;opacity:.5;cursor:pointer}.fp-tab-close:hover{opacity:1;color:var(--primary-red)}.fp-tab-add{color:var(--accent-teal);font-weight:600}.fp-tab-input{font-family:Arial,sans-serif;font-size:.85rem;border:1px solid var(--accent-teal);border-radius:3px;padding:0 .25rem;outline:none;background:var(--bg-white);color:var(--text-dark);width:120px}.designer-layout{display:flex;flex-direction:column;flex:1;overflow:hidden}.designer-toolbar{display:flex;align-items:center;padding:.4rem 1rem;background:var(--bg-white);border-bottom:1px solid var(--border-light);gap:.5rem}.toolbar-group{display:flex;gap:.25rem}.toolbar-divider{width:1px;height:24px;background:var(--border-light);margin:0 .25rem}.toolbar-spacer{flex:1}.toolbar-zoom{font-size:.8rem;color:var(--text-muted);min-width:40px;text-align:right}.tool-btn{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--primary-light);transition:all .15s}.tool-btn:hover{background:#f0f0f0;border-color:var(--border-light)}.tool-active{background:var(--primary-dark)!important;color:#fff!important;border-color:var(--primary-dark)!important}.equipment-tool-dot{padding:0 6px;height:26px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;white-space:nowrap}.toolbar-equipment-group{display:flex;flex-wrap:wrap;gap:.25rem}.toolbar-equipment-group .tool-btn{width:auto;min-width:64px;padding:4px 6px}.annotation-color-picker{display:flex;align-items:center;gap:3px;margin-left:4px}.annotation-color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.annotation-color-swatch:hover{transform:scale(1.15)}.annotation-color-active{border-color:var(--primary-dark);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--primary-dark)}.annotation-svg-layer{position:absolute;top:0;left:0;z-index:2;pointer-events:none}.upload-btn{cursor:pointer;font-size:.85rem;padding:.35rem .75rem}.designer-main{flex:1;display:flex;overflow:hidden}.canvas-container{flex:1;position:relative;overflow:hidden;background:#e0e0e0}.canvas-container.cursor-grabbing{cursor:grabbing}.canvas-container.cursor-crosshair{cursor:crosshair}.canvas-container.cursor-pin{cursor:copy}.canvas-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--text-muted)}.canvas-empty-state h3{color:var(--primary-dark);margin-bottom:.5rem}.canvas-empty-state p{margin-bottom:1rem}.canvas-transform{position:absolute;top:0;left:0;transform-origin:0 0}.pdf-canvas{display:block}.blank-canvas{background:#fff;border:2px dashed var(--border-light);border-radius:4px}.zone-overlay{position:absolute;background:var(--zone-fill, rgba(69, 143, 156, .15));border:2px solid var(--zone-stroke, var(--accent-teal));border-radius:2px;cursor:pointer;pointer-events:auto}.zone-overlay:hover{background:var(--zone-fill-hover, rgba(69, 143, 156, .25))}.zone-selected{border-color:var(--primary-red);border-width:2px;box-shadow:0 0 0 2px #e03a3e4d}.zone-drawing{border-style:dashed;pointer-events:none;background:#458f9c1a}.zone-label{font-size:11px;font-weight:600;color:var(--primary-dark);background:#ffffffd9;padding:1px 6px;border-radius:3px;white-space:nowrap;pointer-events:none}.zone-label-centered{max-width:90%;overflow:hidden;text-overflow:ellipsis}.zone-overlay>.zone-label-centered{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zone-badge{position:absolute;bottom:4px;right:6px;font-size:9px;font-weight:600;color:#fff;background:var(--zone-stroke, var(--accent-teal));padding:1px 6px;border-radius:3px;white-space:nowrap;z-index:2}.zone-color-swatches{display:flex;gap:6px;flex-wrap:wrap}.zone-color-swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .15s,transform .1s}.zone-color-swatch:hover{transform:scale(1.15);border-color:#0000004d}.zone-color-swatch-active{border-color:var(--primary-dark);box-shadow:0 0 0 2px #2430444d}.zone-color-check{color:#fff;font-size:12px;font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.zone-polygon-svg{position:absolute;cursor:pointer;pointer-events:auto;overflow:visible}.zone-polygon-fill{fill:var(--zone-fill, rgba(69, 143, 156, .15));stroke:var(--zone-stroke, var(--accent-teal));stroke-width:2}.zone-polygon-svg:hover .zone-polygon-fill{fill:var(--zone-fill-hover, rgba(69, 143, 156, .25))}.zone-polygon-svg.zone-selected .zone-polygon-fill{stroke:var(--primary-red);stroke-width:2}.zone-polygon-svg.zone-selected{filter:drop-shadow(0 0 2px rgba(224,58,62,.3))}.polygon-preview-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:50;overflow:visible}.polygon-preview-line{fill:none;stroke:var(--accent-teal);stroke-width:2;stroke-dasharray:6 3}.polygon-preview-vertex{fill:var(--accent-teal);stroke:#fff;stroke-width:2}.polygon-preview-snap-ring{fill:none;stroke:var(--primary-red);stroke-width:2;stroke-dasharray:4 2}.overhead-reader-svg-icon{fill:var(--accent-orange);stroke:#fff;stroke-width:2;pointer-events:none}.overhead-reader-icon{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--accent-orange);border:2px solid white;box-shadow:0 1px 3px #0000004d;z-index:1;pointer-events:none}.overhead-calc-summary{background:#f0f7f8;border:1px solid var(--accent-teal);border-radius:6px;padding:.75rem;margin-bottom:.75rem}.pin-marker{position:absolute;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;cursor:pointer;pointer-events:auto;border:2px solid white;box-shadow:0 2px 4px #0000004d;z-index:10;transition:transform .1s}.pin-marker:hover{transform:scale(1.15);z-index:20}.pin-dragging{cursor:grabbing;z-index:30;pointer-events:none;transition:none}.pin-dragging:hover{transform:none}.pin-selected{box-shadow:0 0 0 3px var(--primary-red),0 2px 6px #0000004d}.pin-unconfigured{animation:pulse 1.5s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e03a3e66,0 2px 4px #0000004d}50%{box-shadow:0 0 0 6px #e03a3e00,0 2px 4px #0000004d}}.capture-mode .pin-marker{transform:scale(var(--capture-scale, 2));transition:none}.capture-mode .overhead-reader-icon{transform:scale(var(--capture-scale, 2))}.capture-mode .overhead-reader-svg-icon{transform:scale(var(--capture-scale, 2));transform-box:fill-box;transform-origin:center}.capture-mode .zone-label{transform:scale(var(--capture-scale, 2));transform-origin:center center}.capture-mode .zone-badge{transform:scale(var(--capture-scale, 2));transform-origin:bottom right}.pin-popup{position:absolute;background:var(--bg-white);border-radius:8px;box-shadow:0 4px 16px #0003;z-index:100;min-width:260px;overflow:hidden}.pin-popup-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;background:var(--primary-dark);color:#fff;font-size:.85rem;font-weight:600}.pin-popup-header button{background:none;border:none;color:#fff;font-size:1.1rem;cursor:pointer;line-height:1}.pin-popup-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .8rem;background:none;border:none;border-bottom:1px solid #eee;cursor:pointer;font-family:Arial,sans-serif;font-size:.85rem;text-align:left}.pin-popup-item:hover{background:#f8f9fa}.pin-popup-item:last-child{border-bottom:none}.pin-popup-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;flex-shrink:0}.pin-popup-price{margin-left:auto;color:var(--text-muted);font-size:.8rem}.properties-panel{width:280px;background:var(--bg-white);border-left:1px solid var(--border-light);padding:1rem;overflow-y:auto}.properties-panel h3{margin:0 0 1rem;color:var(--primary-dark);font-size:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-red)}.prop-field{margin-bottom:.75rem}.prop-field label{display:block;font-size:.8rem;font-weight:600;color:var(--primary-light);margin-bottom:.25rem}.prop-row{display:flex;gap:.5rem}.prop-row .prop-field{flex:1}.prop-value{font-size:.95rem;font-weight:600;color:var(--primary-dark)}.prop-checkbox-label{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem!important}.prop-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-teal)}.notes-textarea{width:100%;padding:.5rem;border:1px solid var(--border-light);border-radius:4px;font-family:Arial,sans-serif;font-size:.85rem;resize:vertical;min-height:60px}.notes-textarea:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 2px #458f9c33}.photo-thumbnails{display:flex;gap:6px;flex-wrap:wrap}.photo-thumbnail{position:relative;width:56px;height:56px;border-radius:4px;overflow:hidden;border:1px solid var(--border-light)}.photo-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.photo-remove-btn{position:absolute;top:1px;right:1px;width:18px;height:18px;background:#0009;color:#fff;border:none;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s}.photo-thumbnail:hover .photo-remove-btn{opacity:1}.photo-upload-btn{width:56px;height:56px;border:2px dashed var(--border-light);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:var(--text-muted);transition:border-color .15s,color .15s}.photo-upload-btn:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.photo-choice-options{display:flex;flex-direction:column;gap:10px;margin-top:16px}.photo-choice-btn{display:flex;align-items:center;justify-content:center;padding:14px 20px;font-size:15px;font-weight:500;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-white);color:var(--text-dark);cursor:pointer;transition:border-color .15s,background .15s}.photo-choice-btn:hover{border-color:var(--accent-teal);background:#458f9c14}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--bg-white);border-radius:8px;padding:2rem;max-width:420px;width:90%;box-shadow:0 8px 32px #0003}.modal h2{margin:0 0 .5rem;color:var(--primary-dark)}.modal p{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.modal-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.bom-panel{position:absolute;left:0;bottom:0;z-index:50;width:320px;max-height:50%;display:flex;flex-direction:column;transition:width .2s}.bom-collapsed{width:auto}.bom-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--primary-dark);color:#fff;border:none;border-radius:0 6px 0 0;cursor:pointer;font-family:Arial,sans-serif;font-size:.85rem;font-weight:600;white-space:nowrap}.bom-toggle:hover{background:var(--primary-light)}.bom-toggle-label{flex:1;text-align:left}.bom-toggle-total{background:var(--primary-red);padding:.1rem .5rem;border-radius:10px;font-size:.8rem}.bom-toggle-arrow{font-size:.65rem;opacity:.7}.bom-content{background:var(--bg-white);border-left:1px solid var(--border-light);border-top:1px solid var(--border-light);padding:.75rem;overflow-y:auto;flex:1}.bom-empty{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem .5rem;margin:0}.bom-section{margin-bottom:.75rem}.bom-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--primary-light);margin:0 0 .4rem;padding-bottom:.25rem;border-bottom:2px solid var(--accent-teal)}.bom-table{width:100%;border-collapse:collapse;font-size:.8rem}.bom-table th{text-align:left;padding:.3rem .4rem;font-weight:600;color:var(--primary-light);font-size:.7rem;text-transform:uppercase;border-bottom:1px solid #eee}.bom-table td{padding:.3rem .4rem;border-bottom:1px solid #f5f5f5}.bom-item-name{color:var(--text-dark);font-weight:500}.bom-item-sub{display:block;font-size:.7rem;color:var(--text-muted);font-weight:400}.bom-item-qty{text-align:center;color:var(--text-muted)}.bom-item-price{text-align:right;font-family:Courier New,monospace;font-weight:600;color:var(--primary-dark)}.bom-subtotal{display:flex;justify-content:space-between;padding:.4rem;font-size:.8rem;font-weight:600;color:var(--primary-light);border-top:1px solid #ddd;margin-top:.25rem}.bom-subtotal span:last-child{font-family:Courier New,monospace}.bom-grand-total{display:flex;justify-content:space-between;padding:.6rem .4rem;font-size:.95rem;font-weight:700;color:var(--primary-dark);border-top:2px solid var(--primary-red);margin-top:.25rem}.bom-grand-total span:last-child{font-family:Courier New,monospace}.export-btn{color:var(--accent-teal)!important}.export-btn:disabled{opacity:.5}.export-spinner{width:14px;height:14px;border:2px solid var(--border-light);border-top-color:var(--accent-teal);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.email-btn{color:var(--accent-teal)!important}.email-btn:disabled{opacity:.5}.email-modal{max-width:480px}.email-modal textarea.info-input{resize:vertical;min-height:60px}.email-success-msg{color:#2e7d32;font-weight:500}.email-error-msg{color:#c62828;font-weight:500}@media(max-width:900px){.builder-layout{grid-template-columns:1fr}.quote-summary{position:static}.quote-info,.add-item-form{flex-direction:column}.add-item-form input,.add-item-form select{width:100%}.landing-cards{grid-template-columns:1fr}}.toast-error{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;background:var(--primary-red-dark);color:#fff;padding:10px 16px;border-radius:8px;box-shadow:0 4px 16px #0000004d;font-size:14px;max-width:500px;animation:toast-slide-in .25s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-error-message{flex:1}.toast-error-dismiss{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0 2px;line-height:1;opacity:.8}.toast-error-dismiss:hover{opacity:1}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background:var(--bg-light)}.error-boundary-fallback h2{color:var(--primary-red);margin-bottom:.5rem}.error-boundary-fallback p{color:var(--text-muted);margin-bottom:1.5rem;max-width:500px}