: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{body{background:#fff!important;color:#1a1a1a!important;background-image:none!important;font-size:12pt}.app-container,.header,.tabs,.glass-panel,.modal-backdrop,.theme-toggle,.btn,.qty-config input{display:none!important}.printable-proposal{display:block!important;padding:2rem;color:#1a1a1a}.proposal-header{border-bottom:2px solid #333;padding-bottom:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-end}.proposal-title{font-size:24pt;font-weight:800;color:#111}.proposal-meta{text-align:right;font-size:10pt;color:#555}.proposal-table{width:100%;border-collapse:collapse;margin-bottom:2.5rem}.proposal-table th{background-color:#f3f4f6;border-bottom:2px solid #e5e7eb;padding:8px 12px;text-align:left;font-weight:700}.proposal-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb}.proposal-table tr.total-row td{border-top:2px solid #333;font-weight:700;font-size:14pt}.proposal-signature{margin-top:4rem;display:flex;justify-content:space-between}.signature-line{width:45%;border-top:1px solid #555;padding-top:.5rem;font-size:10pt;text-align:center}}