:root{--font-family-sans: "Inter", system-ui, -apple-system, sans-serif;--font-family-heading: "Outfit", system-ui, -apple-system, sans-serif;--bg-primary: #0b0f17;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-glass: #111827;--border-color: #374151;--border-glow: #4b5563;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--solar-orange: #f97316;--solar-amber: #f59e0b;--solar-yellow: #eab308;--solar-glow: transparent;--success: #10b981;--success-glow: rgba(16, 185, 129, .08);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .08);--info: #0ea5e9;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-smooth: all .15s ease-out;--shadow-premium: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-glass: #ffffff;--border-color: #cbd5e1;--border-glow: #94a3b8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--solar-glow: transparent;--shadow-premium: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:600;letter-spacing:-.01em}button,input,select,textarea{font-family:inherit;font-size:inherit}.app-container{max-width:1200px;margin:0 auto;padding:1rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.logo-section{display:flex;align-items:center;gap:.5rem}.logo-icon{width:1.75rem;height:1.75rem;color:var(--solar-amber)}.logo-text{font-size:1.35rem;font-weight:700;color:var(--text-primary)}.logo-subtitle{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.header-controls{display:flex;align-items:center;gap:.75rem}.tabs{display:flex;gap:.25rem;background:var(--bg-secondary);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:1rem}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:var(--transition-smooth)}.tab-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab-btn.active{background:var(--bg-tertiary);color:var(--solar-amber);border:1px solid var(--border-color);font-weight:600}.glass-panel{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-premium);transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-glow)}.grid-dashboard{display:grid;grid-template-columns:1.5fr 1fr;gap:1.25rem;align-items:start}@media(max-width:900px){.grid-dashboard{grid-template-columns:1fr}}.items-list{display:flex;flex-direction:column;gap:.4rem}.item-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-smooth);cursor:pointer}.item-row:hover{background:var(--bg-tertiary);border-color:var(--border-glow)}.item-row.selected{background:#f59e0b0d;border-color:var(--solar-amber)}.item-info{display:flex;align-items:flex-start;gap:.75rem;flex:1}.checkbox-container{display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:3px;border:1.5px solid var(--text-muted);cursor:pointer;margin-top:.15rem;transition:var(--transition-smooth)}.item-row.selected .checkbox-container{border-color:var(--solar-amber);background-color:var(--solar-amber);color:#070a13}.item-details{flex:1;padding-right:1rem}.item-title{font-family:var(--font-family-heading);font-size:.95rem;font-weight:600;margin-bottom:.1rem}.item-desc{font-size:.8rem;color:var(--text-secondary)}.item-rate-badge{display:inline-block;font-size:.7rem;padding:.08rem .35rem;background:var(--bg-tertiary);border-radius:3px;color:var(--text-secondary);font-weight:500;margin-top:.15rem}.qty-config{display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:flex-end}.input-qty{width:60px;padding:.3rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);text-align:center;font-weight:600;transition:var(--transition-smooth)}.input-qty:focus{outline:none;border-color:var(--solar-amber)}.unit-label{font-size:.8rem;color:var(--text-secondary);width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-display{font-family:var(--font-family-heading);font-weight:700;color:var(--text-primary);text-align:right;min-width:80px}.summary-panel{position:sticky;top:1rem}.summary-header{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem}.summary-title{font-size:1.15rem;display:flex;align-items:center;gap:.4rem}.summary-rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.summary-row.total{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.3rem;color:var(--text-primary);font-weight:700}.summary-row.total .total-amount{font-family:var(--font-family-heading);font-size:1.5rem;color:var(--solar-amber)}.summary-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-group label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.summary-field{padding:.6rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition-smooth)}.summary-field:focus{outline:none;border-color:var(--solar-amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:none;font-size:.9rem}.btn-primary{background:var(--solar-amber);color:#070a13}.btn-primary:hover{filter:brightness(1.1)}.btn-primary:active{filter:brightness(.95)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--border-glow)}.btn-outline-danger{background:transparent;color:var(--danger);border:1px solid rgba(239,68,68,.3);padding:.35rem .6rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-outline-danger:hover{background:var(--danger-glow);border-color:var(--danger)}.btn-block{width:100%}.btn-sm{padding:.35rem .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-icon{width:1.75rem;height:1.75rem;padding:0;border-radius:var(--radius-sm)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.admin-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1rem!important}.admin-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem;margin-bottom:.4rem}.admin-card-title{font-size:1rem;color:var(--text-primary)}.admin-card-desc{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem;flex:1}.admin-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border-color)}.admin-price{font-family:var(--font-family-heading);font-size:1.1rem;font-weight:700;color:var(--solar-amber)}.admin-actions{display:flex;gap:.35rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#04060c99;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fade-in .15s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:0 10px 15px -3px #0006;animation:scale-up .15s ease-out;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.modal-body{padding:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--border-color);background:#0000000d}.form-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary)}.form-control{padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);width:100%;transition:var(--transition-smooth)}.form-control:focus{outline:none;border-color:var(--solar-amber)}.form-control::placeholder{color:var(--text-muted)}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:2rem;height:2rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.theme-toggle:hover{color:var(--solar-amber);border-color:var(--border-glow);background:var(--bg-tertiary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.printable-proposal{display:none}@media print{@page{size:letter;margin:0}body{background:#fff!important;color:#1a1a1a!important;background-image:none!important;font-family:Inter,Outfit,sans-serif!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;font-size:9.5pt;margin:0!important;padding:0!important}.app-container,.header,.tabs,.glass-panel,.modal-backdrop,.theme-toggle,.btn,.qty-config input,.admin-header,.admin-grid{display:none!important}.printable-proposal{display:block!important;padding:.5in!important;color:#1a1a1a;box-sizing:border-box;width:100%}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.invoice-brand{display:flex;flex-direction:column;gap:.5rem}.logo-container{display:flex;align-items:center;gap:.4rem}.brand-name{font-family:Outfit,sans-serif;font-size:16pt;font-weight:700;color:#f59e0b;line-height:1;margin:0}.company-details{font-size:9pt;color:#4b5563;line-height:1.3}.invoice-title-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.invoice-title{font-family:Outfit,sans-serif;font-size:24pt;font-weight:800;color:#f59e0b;line-height:1;margin:0;letter-spacing:.05em}.meta-grid{display:flex;flex-direction:column;gap:.15rem;font-size:9pt;width:180px}.meta-row{display:flex;justify-content:space-between}.meta-label{font-weight:700;color:#1a1a1a}.meta-value{color:#4b5563;text-align:right}.address-section{display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}.address-column{flex:1;display:flex;flex-direction:column}.column-header{background-color:#f59e0b!important;color:#fff!important;font-family:Outfit,sans-serif;font-weight:700;font-size:9pt;padding:4px 8px;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.02em;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.address-details{font-size:9pt;line-height:1.3;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.15rem}.detail-row{display:flex}.detail-label{font-weight:700;width:100px;color:#1a1a1a;flex-shrink:0}.detail-value{color:#4b5563}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:1.25rem}.invoice-table th{background-color:#f59e0b!important;color:#fff!important;font-family:Outfit,sans-serif;font-weight:700;font-size:9pt;padding:5px 8px;text-transform:uppercase;letter-spacing:.02em;border:none;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.invoice-table td{padding:6px 8px;font-size:9pt;border-bottom:1px solid #e5e7eb;color:#4b5563}.invoice-table tr:last-child td{border-bottom:1px solid #e5e7eb}.item-name{font-weight:600;color:#1a1a1a}.summary-wrapper{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.summary-table{width:280px;display:flex;flex-direction:column;gap:.35rem;font-size:9pt}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px solid #f3f4f6}.summary-label{font-weight:500;color:#4b5563}.summary-value{font-weight:600;color:#1a1a1a}.balance-due-row{background-color:#fef3c7!important;border:none!important;padding:6px 10px!important;margin-top:2px;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.balance-due-row .summary-label{font-family:Outfit,sans-serif;font-weight:700;color:#1a1a1a;font-size:10pt}.balance-due-row .summary-value{font-family:Outfit,sans-serif;font-weight:700;color:#1a1a1a;font-size:11pt}.notes-section{margin-bottom:2rem;page-break-inside:avoid}.notes-header{font-family:Outfit,sans-serif;font-weight:700;font-size:9.5pt;color:#1a1a1a;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.02em}.notes-box{border:1px solid #d1d5db;padding:8px 10px;border-radius:4px;font-size:8.5pt;color:#4b5563;line-height:1.4;background-color:#f9fafb!important;white-space:pre-wrap;min-height:40px;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.signature-section{display:flex;justify-content:space-between;margin-bottom:2.5rem;page-break-inside:avoid}.sig-line-wrapper{width:45%;display:flex;flex-direction:column;gap:.25rem}.sig-line{border-bottom:1px solid #9ca3af;height:2rem}.sig-label{font-size:8.5pt;color:#4b5563;text-align:left;font-weight:500}.invoice-footer{text-align:center;font-size:9pt;color:#9ca3af;margin-top:1rem;font-family:Outfit,sans-serif;font-weight:500;border-top:none;padding-top:0}}