:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem}.auth-card{background:white;padding:2.5rem;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px}.auth-card h2{margin:0 0 .25rem;text-align:center;color:#333;font-size:1.75rem}.auth-tagline{text-align:center;color:#667eea;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.auth-subtitle{text-align:center;color:#666;margin:0 0 2rem}.auth-error{background:#fee;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.auth-success{background:#d4edda;color:#155724;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;border:1px solid #c3e6cb}.auth-card form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.auth-card input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.auth-card input:focus{outline:none;border-color:#667eea}.auth-card input:disabled{background:#f5f5f5;cursor:not-allowed}.auth-btn-primary{background:#667eea;color:#fff;border:none;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.auth-btn-primary:hover:not(:disabled){background:#5568d3}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;margin:1.5rem 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:#ddd}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-divider span{background:white;padding:0 1rem;color:#999;font-size:.9rem}.auth-btn-google{width:100%;background:white;border:2px solid #e0e0e0;padding:.875rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.auth-btn-google:hover:not(:disabled){background:#f8f8f8;border-color:#ccc}.auth-btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-toggle{text-align:center;margin-top:1.5rem;color:#666;font-size:.95rem}.auth-toggle button{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.auth-toggle button:hover:not(:disabled){color:#5568d3}.auth-toggle button:disabled{opacity:.6;cursor:not-allowed}.auth-guest{text-align:center;margin-top:1rem}.guest-mode-btn{background:none;border:none;color:#999;cursor:pointer;font-size:.9rem;padding:.5rem;text-decoration:underline}.guest-mode-btn:hover{color:#667eea}.forgot-password-btn{background:none;border:none;color:#667eea;font-size:.9rem;cursor:pointer;padding:.5rem;text-align:center;width:100%;margin-top:-.5rem;margin-bottom:1rem}.forgot-password-btn:hover:not(:disabled){color:#5568d3;text-decoration:underline}.forgot-password-btn:disabled{opacity:.6;cursor:not-allowed}.verification-section{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1rem;margin:1rem 0;text-align:center}.verification-message{margin:0 0 .75rem;color:#856404;font-size:.9rem;font-weight:500}.resend-verification-btn{background:#ffc107;color:#000;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.resend-verification-btn:hover:not(:disabled){background:#e0a800}.resend-verification-btn:disabled{opacity:.6;cursor:not-allowed}.auth-link-btn{background:none;border:2px solid #667eea;color:#667eea;padding:.75rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:all .2s}.auth-link-btn:hover{background:#667eea;color:#fff}@media (prefers-color-scheme: dark){.auth-card{background:#1a1a1a}.auth-card h2{color:#fff}.auth-tagline{color:#8b9aee}.auth-card input{background:#2a2a2a;border-color:#444;color:#fff}.auth-card input:focus{border-color:#667eea}.auth-divider span{background:#1a1a1a}.auth-btn-google{background:#2a2a2a;border-color:#444;color:#fff}.auth-btn-google:hover:not(:disabled){background:#333}.auth-success{background:#1e4620;color:#90ee90;border-color:#2d5a2e}.forgot-password-btn{color:#8b9aee}.forgot-password-btn:hover:not(:disabled){color:#a5b4f5}.auth-link-btn{border-color:#667eea;color:#8b9aee}.auth-link-btn:hover{background:#667eea;color:#fff}.guest-mode-btn{color:#8b9aee}.guest-mode-btn:hover{color:#a5b4f5}.verification-section{background:#3a3000;border-color:#ffc107}.verification-message{color:#ffd54f}.resend-verification-btn{background:#ffc107;color:#000}.resend-verification-btn:hover:not(:disabled){background:#ffca28}}.pdf-viewer{margin-bottom:1rem}.upload-area{border:2px dashed #646cff;border-radius:8px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;background:#f9f9f9}.upload-area:hover{border-color:#535bf2;background:#f0f0f0}.upload-content svg{color:#646cff;margin-bottom:1rem}.upload-content h3{margin:.5rem 0}.upload-content p{color:#666;margin:.5rem 0}.pdf-info{background:#f5f5f5;padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.pdf-info p{margin:0}@media (prefers-color-scheme: dark){.upload-area{background:#1a1a1a;border-color:#646cff}.upload-area:hover{background:#2a2a2a}.upload-content p{color:#aaa}.pdf-info{background:#1a1a1a}}.page-selector{padding:1rem}.selector-header{text-align:center;margin-bottom:2rem}.selector-header h2{margin-bottom:.5rem}.selector-header p{color:#666;margin:0}.loading{text-align:center;padding:4rem}.loading p{margin-bottom:1rem}.progress-text{font-weight:700;color:#646cff;font-size:1.2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #646cff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:1rem auto}.selector-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f5f5f5;border-radius:8px;flex-wrap:wrap;gap:1rem}.action-buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.selection-count{font-weight:600;color:#646cff;margin-left:1rem}.save-buttons{display:flex;gap:.5rem}.cancel-btn{background-color:#666;color:#fff}.cancel-btn:hover{border-color:#555}.save-btn{background-color:#4caf50;color:#fff}.save-btn:hover{border-color:#45a049}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem 0}.thumbnail-item{position:relative;border:3px solid #ddd;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s;background:white}.thumbnail-item:hover{border-color:#646cff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.thumbnail-item.selected{border-color:#646cff;background:#f0f4ff}.checkbox{position:absolute;top:.75rem;left:.75rem;width:24px;height:24px;border:2px solid #646cff;border-radius:4px;background:white;display:flex;align-items:center;justify-content:center;font-weight:700;color:#646cff;z-index:1}.thumbnail-item.selected .checkbox{background:#646cff;color:#fff}.thumbnail-item img{width:100%;height:auto;display:block;border-radius:4px;box-shadow:0 2px 4px #0000001a}.page-number{text-align:center;margin-top:.5rem;font-weight:600;color:#333}@media (prefers-color-scheme: dark){.selector-header p{color:#aaa}.selector-actions{background:#1a1a1a}.thumbnail-item{background:#1a1a1a;border-color:#444}.thumbnail-item.selected{background:#1a2332}.page-number{color:#ddd}.checkbox{background:#2a2a2a}}@media (max-width: 768px){.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.selector-actions{flex-direction:column;align-items:stretch}.action-buttons,.save-buttons{width:100%;justify-content:center}}.scale-input{background:#f5f5f5;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.scale-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.scale-header h3{margin:0}.calibrate-btn{background-color:#ff9800;color:#fff;padding:.6rem 1.2rem;font-weight:600}.calibrate-btn:hover{border-color:#f57c00}.calibrate-btn.calibrated{background-color:#4caf50}.calibrate-btn.calibrated:hover{border-color:#45a049}.common-scales{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.common-scales button{padding:.5rem 1rem;font-size:.9rem}.common-scales button.active{background-color:#646cff;color:#fff;border-color:#646cff}.custom-scale{border-top:1px solid #ddd;padding-top:1rem}.custom-scale h4{margin-top:0;margin-bottom:.5rem;font-size:1rem}.scale-inputs{display:flex;align-items:center;gap:.5rem}.scale-inputs input{width:80px;padding:.4rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.scale-inputs span{font-weight:700}@media (prefers-color-scheme: dark){.scale-input{background:#1a1a1a}.custom-scale{border-top-color:#444}.scale-inputs input{background:#2a2a2a;border-color:#444;color:#fff}}.item-search{margin-bottom:1.5rem}.item-search h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#333}.search-container{position:relative;display:flex;gap:.5rem;align-items:center}.search-input{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#646cff}.clear-btn{background:#ef4444;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clear-btn:hover{background:#dc2626}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:8px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #00000026;margin-top:4px}.search-item{padding:1rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.search-item:hover{background:#f5f5f5}.search-item:last-child{border-bottom:none}.search-item-name{font-weight:500;margin-bottom:.25rem;color:#333;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.category-badge{display:inline-block;padding:.15rem .5rem;background:#646cff;color:#fff;font-size:.75rem;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.search-item-details{font-size:.85rem;color:#666}.create-new-item-btn{padding:1rem;cursor:pointer;border-top:2px solid #e0e0e0;background:#f8f9fa;color:#646cff;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s}.create-new-item-btn:hover{background:#646cff;color:#fff}.create-new-item-btn .plus-icon{font-size:1.25rem;font-weight:700}.selected-item-badge{margin-top:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;display:flex;align-items:center;gap:.5rem;color:#fff}.badge-label{font-weight:600;font-size:.85rem;opacity:.9}.badge-name{font-weight:600;font-size:1rem}.badge-details{font-size:.85rem;opacity:.9;margin-left:auto}@media (prefers-color-scheme: dark){.item-search h4{color:#fff}.search-input{background:#2a2a2a;border-color:#444;color:#fff}.search-input:focus{border-color:#646cff}.search-dropdown{background:#2a2a2a;border-color:#444}.search-item{border-bottom-color:#333}.search-item:hover{background:#333}.search-item-name{color:#fff}.search-item-details{color:#aaa}.create-new-item-btn{background:#333;border-top-color:#444;color:#646cff}.create-new-item-btn:hover{background:#646cff;color:#fff}}.image-measurement{width:100%;border:2px solid #ddd;border-radius:8px;overflow:hidden}.image-measurement:fullscreen{background:#000;display:flex;flex-direction:column;padding:1rem}.image-measurement:fullscreen .canvas-container{flex:1;max-height:none;background:#000}.image-measurement:fullscreen .measurement-canvas{max-height:90vh;width:auto;max-width:95vw;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.measurement-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;background:#e3f2fd;flex-wrap:wrap}.image-measurement:fullscreen .measurement-header{background:#1a1a1a}.instructions{flex:1;text-align:center}.instructions p{margin:0;color:#1976d2}.image-measurement:fullscreen .instructions p{color:#64b5f6}.fullscreen-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:#646cff;color:#fff;border:1px solid #646cff;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s;white-space:nowrap}.fullscreen-btn:hover{background-color:#535bf2;border-color:#535bf2;transform:translateY(-1px);box-shadow:0 4px 8px #646cff4d}.fullscreen-btn .icon{font-size:1.3rem;line-height:1}.canvas-container{display:flex;justify-content:center;align-items:flex-start;overflow:auto;max-height:700px;background:#f9f9f9;padding:1rem;position:relative}.measurement-canvas{display:block;width:100%;height:auto;cursor:crosshair;box-shadow:0 2px 8px #0000001a;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}@media (prefers-color-scheme: dark){.image-measurement{border-color:#444}.measurement-header{background:#1a2332}.instructions p{color:#64b5f6}.canvas-container{background:#1a1a1a}}@media (max-width: 768px){.measurement-header{flex-direction:column}.fullscreen-btn{width:100%;justify-content:center}}.measurement-table{margin-top:2rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-header h3{margin:0}.table-actions{display:flex;gap:.5rem}.export-btn{background-color:#4caf50;color:#fff}.export-btn:hover{border-color:#45a049}.clear-btn{background-color:#f44336;color:#fff}.clear-btn:hover{border-color:#da190b}.empty-state{text-align:center;color:#666;padding:2rem;background:#f5f5f5;border-radius:8px}.table-container{overflow-x:auto;border:1px solid #ddd;border-radius:8px}table{width:100%;border-collapse:collapse;background:white}th{padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid #ddd}.table-input{width:100%;padding:.4rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-family:inherit}tbody tr:hover{background:#f9f9f9}.delete-btn{padding:.25rem .75rem;font-size:.85rem;background-color:#ff5252;color:#fff}.delete-btn:hover{border-color:#ff1744}.table-footer{margin-top:1rem;padding:1rem;background:#e3f2fd;border-radius:8px;text-align:right}.table-footer strong{font-size:1.2rem;color:#1976d2;margin-right:.5rem}.table-footer span{color:#666}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;margin-top:2px}.autocomplete-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #f0f0f0}.autocomplete-item-name{font-weight:500;margin-bottom:.25rem}.autocomplete-item-details{font-size:.85rem;color:#666}@media (prefers-color-scheme: dark){.empty-state{background:#1a1a1a;color:#aaa}table{background:#1a1a1a}thead{background:#2a2a2a}th{border-bottom-color:#444}td{border-bottom-color:#333}.table-input{background:#2a2a2a;border-color:#444;color:#fff}.table-input:focus{border-color:#646cff}tbody tr:hover{background:#2a2a2a}.autocomplete-dropdown{background:#2a2a2a;border-color:#444}.autocomplete-item{border-bottom-color:#333}.autocomplete-item:hover{background:#333}.autocomplete-item-details{color:#aaa}.table-container{border-color:#444}.table-footer{background:#1a2332}.table-footer strong{color:#64b5f6}.table-footer span{color:#aaa}}@media (max-width: 768px){.table-header{flex-direction:column;align-items:flex-start;gap:1rem}.table-actions{width:100%}.table-actions button{flex:1}}.pricebook-container{padding:2rem;max-width:1600px;margin:0 auto}.pricebook-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.pricebook-header h2{margin:0;font-size:1.5rem}.search-bar{position:relative;width:100%;max-width:600px}.search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s}.clear-search-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#ef4444;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.clear-search-btn:hover{background:#dc2626}.pricebook-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.sort-controls{display:flex;gap:.5rem;align-items:center;padding:.5rem;background:#f5f5f5;border-radius:6px}.sort-controls label{font-size:.9rem;font-weight:500;color:#666}.sort-btn{background:white;color:#333;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.sort-btn:hover{background:#f0f0f0;border-color:#bbb}.sort-btn.active{background:#646cff;color:#fff;border-color:#646cff}.sort-btn.clear-sort{background:#ef4444;color:#fff;border-color:#ef4444}.sort-btn.clear-sort:hover{background:#dc2626}.add-btn{background:#646cff;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500}.add-btn:hover{background:#535bf2}.export-btn{background:#10b981;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500}.export-btn:hover{background:#059669}.import-csv-btn{background:#f59e0b;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500}.import-csv-btn:hover{background:#d97706}.file-input{width:100%;padding:.5rem;border:2px dashed #ddd;border-radius:6px;cursor:pointer;font-size:.9rem}.file-input:hover{border-color:#646cff}.file-name{margin-top:.5rem;font-size:.9rem;color:#666;font-style:italic}.empty-state{text-align:center;padding:3rem;color:#888;background:#f9f9f9;border-radius:8px}.guest-pricebook-message{text-align:center;padding:3rem;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border:2px solid #2196f3;border-radius:12px;margin:2rem 0}.guest-pricebook-message p{margin:0 0 1rem;font-size:1.1rem;color:#1565c0;font-weight:600}.guest-pricebook-message .message-subtitle{font-size:.95rem;color:#1976d2;font-weight:400;margin:0}.table-container{overflow-x:auto;border-radius:8px;box-shadow:0 1px 3px #0000001a}table{width:100%;border-collapse:collapse;background:white;table-layout:auto}thead{background:#f5f5f5}th{padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid #e0e0e0}th:first-child{width:auto;min-width:250px}td{padding:.75rem;border-bottom:1px solid #eee}td:first-child{width:auto;min-width:250px}.table-input{width:100%;padding:.4rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;font-family:inherit;white-space:normal;word-wrap:break-word}.table-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff1a}.delete-btn{background:#ef4444;color:#fff;border:none;padding:.4rem .8rem;border-radius:4px;cursor:pointer;font-size:.85rem}tbody tr:hover{background:#fafafa}@media (prefers-color-scheme: dark){.empty-state{background:#1a1a1a;color:#aaa}table{background:#1a1a1a}thead{background:#2a2a2a}th{border-bottom-color:#444}td{border-bottom-color:#333}.table-input{background:#2a2a2a;border-color:#444;color:#fff}.table-input:focus{border-color:#646cff}tbody tr:hover{background:#252525}}.header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pricebook-toggle{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:8px}.toggle-btn{padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;border:none;border-radius:6px;background:transparent;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap}.toggle-btn:hover{color:#374151;background:rgba(100,108,255,.1)}.toggle-btn.active{background:#646cff;color:#fff;box-shadow:0 2px 4px #646cff4d}.share-btn{padding:.6rem 1.2rem;background-color:#10b981;color:#fff;border:1px solid #10b981;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s;white-space:nowrap}.share-btn:hover{background-color:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.import-btn{padding:.6rem 1.2rem;background-color:#8b5cf6;color:#fff;border:1px solid #8b5cf6;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s;white-space:nowrap}.import-btn:hover{background-color:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:white;border-radius:12px;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h3{margin:0 0 1.5rem;font-size:1.5rem;color:#1f2937}.modal-description{margin-bottom:1.5rem;color:#6b7280;line-height:1.5}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.modal-input{width:100%;padding:.75rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:border-color .2s}.modal-input:focus{border-color:#646cff}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-label{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.radio-label:hover{border-color:#646cff;background:#f9fafb}.radio-label input[type=radio]{cursor:pointer}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn{padding:.75rem 1.5rem;background:white;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s}.cancel-btn:hover{border-color:#d1d5db;background:#f9fafb}.create-btn{padding:.75rem 1.5rem;background-color:#646cff;color:#fff;border:1px solid #646cff;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s}.create-btn:hover{background-color:#535bf2;border-color:#535bf2;transform:translateY(-1px);box-shadow:0 4px 8px #646cff4d}.table-input:read-only{background:#f9fafb;cursor:default;color:#6b7280}@media (prefers-color-scheme: dark){.pricebook-toggle{background:#1f2937}.toggle-btn{color:#9ca3af}.toggle-btn:hover{color:#d1d5db;background:rgba(100,108,255,.2)}.modal-content{background:#1f2937}.modal-content h3{color:#f9fafb}.modal-description{color:#9ca3af}.form-group label{color:#e5e7eb}.modal-input{background:#374151;border-color:#4b5563;color:#fff}.modal-input:focus{border-color:#646cff}.radio-label{border-color:#4b5563;background:#374151;color:#fff}.radio-label:hover{border-color:#646cff;background:#4b5563}.cancel-btn{background:#374151;color:#d1d5db;border-color:#4b5563}.cancel-btn:hover{border-color:#6b7280;background:#4b5563}.table-input:read-only{background:#1f2937;color:#9ca3af}}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 8px #0000001a;margin-top:2px}.autocomplete-dropdown.dropdown-above{top:auto;bottom:100%;margin-top:0;margin-bottom:2px}.autocomplete-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.autocomplete-item:hover{background:#f5f5f5}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item-name{font-weight:500;color:#333}@media (prefers-color-scheme: dark){.guest-pricebook-message{background:linear-gradient(135deg,#1a3a4a 0%,#2a4a5a 100%);border-color:#4a8fb8}.guest-pricebook-message p{color:#64b5f6}.guest-pricebook-message .message-subtitle{color:#90caf9}.autocomplete-dropdown{background:#2a2a2a;border-color:#444}.autocomplete-item{border-bottom-color:#333}.autocomplete-item:hover{background:#333}.autocomplete-item-name{color:#fff}}.category-section{margin-bottom:1.5rem}.category-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#f0f0f0 0%,#e8e8e8 100%);border:2px solid #ddd;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;font-weight:600;color:#333}.category-header:hover{background:linear-gradient(135deg,#e8e8e8 0%,#e0e0e0 100%);border-color:#ccc}.category-toggle{font-size:.9rem;color:#666;transition:transform .2s}.category-name{font-size:1.1rem;flex:1}.category-count{font-size:.9rem;color:#666;font-weight:400}.category-section table{margin-top:.5rem;border-radius:0 0 8px 8px;overflow:hidden}.category-select{padding:.5rem;font-size:.95rem;border:1px solid #e0e0e0;border-radius:6px;background:white;cursor:pointer;min-width:130px;transition:border-color .2s}.category-select:hover:not(:disabled){border-color:#646cff}.category-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}@media (prefers-color-scheme: dark){.category-header{background:linear-gradient(135deg,#2a2a2a 0%,#333 100%);border-color:#444;color:#e0e0e0}.category-header:hover{background:linear-gradient(135deg,#333 0%,#3a3a3a 100%);border-color:#555}.category-toggle,.category-count{color:#999}.category-select{background:#2a2a2a;border-color:#444;color:#fff}.category-select:hover:not(:disabled){border-color:#646cff}.category-select:disabled{background:#1a1a1a}}.projects-container{padding:2rem;width:100%;height:100vh;overflow-y:auto;box-sizing:border-box}.projects-header{text-align:center;margin-bottom:1.5rem}.projects-header h2{margin:0 0 1rem;font-size:1.75rem}.new-project-btn{background:#646cff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500}.new-project-btn:hover{background:#535bf2}.search-bar{margin-bottom:1.5rem;display:flex;justify-content:center}.search-input{width:100%;max-width:600px;padding:.75rem 1rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#646cff}.empty-state{text-align:center;padding:4rem 2rem;color:#888;background:#f9f9f9;border-radius:12px}.empty-state p{margin:.5rem 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding-bottom:2rem}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width: 1200px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.project-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.project-thumbnail{width:100%;height:180px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-thumbnail img{width:100%;height:100%;object-fit:contain}.no-thumbnail{font-size:4rem;color:#ccc}.project-info{padding:1.25rem}.project-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#333}.project-meta{margin:0 0 .5rem;color:#666;font-size:.9rem}.project-date{margin:0;color:#999;font-size:.85rem}.project-actions{padding:1rem 1.25rem;background:#f9f9f9;display:flex;gap:.75rem}.load-btn{flex:1;background:#646cff;color:#fff;border:none;padding:.6rem;border-radius:6px;cursor:pointer;font-weight:500}.load-btn:hover{background:#535bf2}.delete-btn{background:#ef4444;color:#fff;border:none;padding:.6rem 1rem;border-radius:6px;cursor:pointer;font-weight:500}.delete-btn:hover{background:#dc2626}@media (prefers-color-scheme: dark){.empty-state{background:#1a1a1a;color:#aaa}.project-card{background:#1a1a1a}.project-thumbnail{background:#2a2a2a}.project-info h3{color:#fff}.project-actions{background:#2a2a2a}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.app{max-width:1400px;margin:0 auto;padding:2rem}.guest-banner{background:#fff3cd;border:2px solid #ffc107;color:#856404;padding:1rem 1.5rem;margin-bottom:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.guest-banner-btn{background:#ffc107;color:#000;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem}.guest-banner-btn:hover{background:#e0a800}.guest-mode-label{background:#ffc107;color:#000;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600}.app-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.app-header h1{margin:0;font-size:1.75rem}.header-actions{display:flex;align-items:center;gap:1rem}.user-email{color:#666;font-size:.9rem}.sign-out-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem}.sign-out-btn:hover{background:#dc2626}.nav-tabs{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.nav-tabs button{padding:.75rem 2rem;border:2px solid #646cff;background:transparent;color:#646cff;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.nav-tabs button:hover{background:rgba(100,108,255,.1)}.nav-tabs button.active{background:#646cff;color:#fff}.subtitle{color:#666;margin:0;font-size:1.1rem}.app-main{display:flex;flex-direction:column;gap:1rem}.measurement-controls{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.5rem}@media (max-width: 968px){.measurement-controls{grid-template-columns:1fr;gap:1rem}}.project-header{display:flex;justify-content:space-between;align-items:center;background:#f5f5f5;padding:1rem;border-radius:8px;margin-bottom:1rem}.project-header h3{margin:0 0 .25rem}.project-header p{margin:0;color:#666;font-size:.9rem}.project-header-actions{display:flex;gap:.75rem}.save-project-btn{background-color:#10b981;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500}.save-project-btn:hover{background-color:#059669}.new-project-btn{background-color:#646cff;color:#fff}.new-project-btn:hover{border-color:#535bf2}.page-navigation{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem;background:#f5f5f5;border-radius:4px}.page-info{font-weight:600;min-width:180px;text-align:center}.page-navigation button:disabled{opacity:.5;cursor:not-allowed}.measurement-area{border:2px solid #ddd;border-radius:8px;padding:1rem;background:#f9f9f9;margin-bottom:1rem}.measurement-instruction{background:#e3f2fd;color:#1976d2;padding:1rem;border-radius:8px;text-align:center;font-weight:500;margin-bottom:1rem;border:2px solid #90caf9}.canvas-wrapper{display:flex;justify-content:center;overflow:auto;max-height:700px}.plan-image{max-width:100%;height:auto;display:block;box-shadow:0 2px 8px #0000001a;cursor:crosshair}@media (prefers-color-scheme: dark){.guest-banner{background:#5a4a1a;border-color:#7a6a2a;color:#ffd966}.guest-banner-btn{background:#7a6a2a;color:#fff}.guest-banner-btn:hover{background:#6a5a1a}.guest-mode-label{background:#7a6a2a;color:#fff}.subtitle{color:#aaa}.project-header{background:#1a1a1a}.project-header p{color:#aaa}.page-navigation{background:#1a1a1a}.measurement-area{background:#1a1a1a;border-color:#444}.measurement-instruction{background:#1a3a52;color:#64b5f6;border-color:#2a5a7a}}@media (max-width: 768px){.app{padding:1rem}.app-header h1{font-size:1.5rem}.subtitle{font-size:.9rem}.project-header{flex-direction:column;gap:1rem;align-items:flex-start}.new-project-btn{width:100%}}.support-email{position:fixed;bottom:20px;right:20px;background:transparent;color:#646cff;padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.85rem;text-decoration:none;transition:all .2s;z-index:999}.support-email:hover{border-color:#646cff;color:#535bf2}@media (prefers-color-scheme: dark){.support-email{color:#8b9aee;border-color:#444}.support-email:hover{border-color:#646cff;color:#a5b4f5}}@media (max-width: 768px){.support-email{bottom:15px;right:15px;font-size:.8rem;padding:.4rem .6rem}}.save-progress-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.save-progress-modal{background:white;padding:2.5rem 3rem;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:300px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.save-progress-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top:4px solid #646cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.save-progress-message{margin:0;font-size:1.1rem;font-weight:500;color:#333;text-align:center}@media (prefers-color-scheme: dark){.save-progress-modal{background:#1e1e1e;box-shadow:0 8px 32px #0009}.save-progress-message{color:#e0e0e0}.save-progress-spinner{border-color:#444;border-top-color:#646cff}}