@charset "UTF-8";:root{--color-primary:#1f2937;--color-secondary:#6b7280;--color-accent:#3b82f6;--color-background:#fff;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:#111827;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn-primary{background-color:#2563eb;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#e5e7eb;border:none;border-radius:.5rem;color:#111827;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.btn-secondary:hover{background-color:#d1d5db}.btn-danger{background-color:#dc2626;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.btn-danger:hover{background-color:#b91c1c}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;padding:1rem}.input-field{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.5rem .75rem;width:100%}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.login-container{align-items:center;background:var(--primary-button);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--card-background);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:var(--main-text);font-size:28px;font-weight:600;margin:0}.login-header p{color:var(--secondary-text);font-size:14px;margin:8px 0 0}.error-message{background:#ef44441a;padding:12px}.login-form{gap:16px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{font-size:13px;font-weight:600}.form-group input{background-color:var(--main-background);border:1px solid var(--border-color);border-radius:6px;color:var(--main-text);font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s}.form-group input:focus{border-color:var(--primary-button);box-shadow:0 0 0 3px var(--shadow-light);outline:none}.submit-button{background:var(--primary-button);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:11px 16px;transition:all .2s}.submit-button:hover:not(:disabled){box-shadow:0 5px 20px #667eea33;opacity:.9;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.divider{align-items:center;color:var(--secondary-text);display:flex;font-size:13px;gap:12px;margin:20px 0}.divider:after,.divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.google-button{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--main-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:11px 16px;transition:all .2s;width:100%}.google-button:hover:not(:disabled){background:var(--secondary-background);border-color:var(--primary-button);color:var(--primary-button)}.google-button:disabled{cursor:not-allowed;opacity:.6}.google-icon{font-size:16px}.login-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px;text-align:center}.login-footer p{color:var(--secondary-text);font-size:13px;margin:0}.toggle-button{background:none;border:none;color:var(--primary-button);cursor:pointer;font-weight:600;margin-left:6px;padding:0;text-decoration:none;transition:color .2s}.toggle-button:hover:not(:disabled){color:var(--header-button)}.toggle-button:disabled{cursor:not-allowed;opacity:.6}.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:300px}.spinner{border:4px solid #667eea33;border-top:4px solid var(--primary-button);height:48px;width:48px}.loading-state p{color:var(--secondary-text);font-size:14px;margin:0}.status-message{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px;padding:20px;text-align:center}.pending-status{background:#fb923c14;border:1px solid #fb923c33}.status-icon{font-size:48px;line-height:1}.status-message h3{color:var(--main-text);font-size:18px;font-weight:600;margin:0}.status-message p{color:var(--secondary-text);font-size:13px;line-height:1.6;margin:0;max-width:320px}.toggle-button-status{background:var(--primary-button);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:8px;padding:8px 16px;transition:all .2s}.toggle-button-status:hover{box-shadow:0 5px 20px #667eea33;opacity:.9;transform:translateY(-2px)}.toggle-button-status:active{transform:translateY(0)}.verify-email-container{align-items:center;background:var(--primary-button);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.verify-card{background:var(--card-background);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;width:100%}.verify-header{margin-bottom:30px;text-align:center}.verify-icon{animation:bounce 2s infinite;display:block;font-size:64px;margin-bottom:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.verify-header h1{color:var(--main-text);font-size:28px;font-weight:600;margin:0}.verify-content{margin-bottom:24px}.verify-message{color:var(--secondary-text);font-size:14px;margin:0 0 8px}.email-address{background:var(--secondary-background);border-left:4px solid var(--primary-button);border-radius:6px;color:var(--main-text);font-size:14px;margin:0 0 24px;padding:12px 16px}.verify-steps{margin-bottom:24px}.verify-steps ol{color:var(--secondary-text);font-size:13px;line-height:1.8;margin:0;padding-left:20px}.verify-steps li{margin-bottom:8px}.error-message,.success-message{margin-bottom:16px}.verify-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.resend-button,.verify-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:11px 16px;transition:all .2s}.verify-button{background:var(--primary-button);color:#fff}.verify-button:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.verify-button:disabled{cursor:not-allowed;opacity:.6}.resend-button{background:var(--card-background);border:2px solid var(--primary-button);color:var(--primary-button)}.resend-button:hover:not(:disabled){background:var(--secondary-background);border-color:var(--header-button);color:var(--header-button)}.resend-button:disabled{cursor:not-allowed;opacity:.6}.verify-note{background:var(--info-background);border-left:4px solid var(--primary-button);border-radius:4px;color:var(--info-text);font-size:12px;line-height:1.6;margin:0;padding:12px}.initialize-container{align-items:center;background:var(--primary-button);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.initialize-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;width:100%}.initialize-header{margin-bottom:30px;text-align:center}.initialize-header h1{color:var(--main-text);font-size:28px;font-weight:600;margin:0 0 8px}.initialize-header p{color:var(--secondary-text);font-size:14px;margin:0}.error-message,.success-message{font-size:13px;margin-bottom:20px}.success-message{background:#efe;border-left:4px solid var(--success-color);border-radius:6px;padding:12px 16px}.initialize-content{margin-bottom:24px}.initialize-content h3{color:var(--main-text);font-size:16px;font-weight:600;margin:0 0 12px}.initialize-content ul{color:var(--secondary-text);font-size:13px;line-height:1.8;margin:0;padding-left:20px}.initialize-content li{margin-bottom:8px}.initialize-info{background:var(--secondary-background);border-left:4px solid var(--primary-button);border-radius:6px;margin-top:16px;padding:12px}.initialize-info p{color:var(--secondary-text);font-size:12px;margin:0}.initialize-button{background:var(--primary-button);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:11px 16px;transition:all .2s;width:100%}.initialize-button:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.initialize-button:disabled{cursor:not-allowed;opacity:.6}.redirect-message{color:var(--primary-button);font-size:13px;font-weight:500;margin-top:16px;text-align:center}.app-layout{background:var(--main-background);overflow:hidden}.app-layout,.sidebar{display:flex;height:100vh}.sidebar{background:var(--card-background);border-right:1px solid var(--border-color);box-shadow:2px 0 8px #0000000d;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:1000}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:center;min-height:80px;padding:24px 20px}.sidebar-logo{max-height:50px;max-width:180px;object-fit:contain}.sidebar-brand h2{color:var(--main-text);font-size:20px;font-weight:700;margin:0;text-align:center}.sidebar-tagline{color:var(--secondary-text);font-size:12px;margin:4px 0 0;text-align:center}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--secondary-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.sidebar-nav-item:hover{background:var(--page-background);color:var(--main-text)}.sidebar-nav-item.active{background:var(--primary-button);color:#fff;font-weight:600}.sidebar-nav-item.active .nav-icon{filter:none}.sidebar-nav-item .nav-icon{align-items:center;display:flex;font-size:18px;justify-content:center;width:20px}.sidebar-nav-item .nav-label{flex:1 1}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px 12px}.sidebar-user{background:var(--page-background);border-radius:8px;gap:12px;margin-bottom:8px;padding:12px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:var(--primary-button);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0}.user-name{color:var(--main-text);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{text-transform:capitalize}.sidebar-logout,.user-role{color:var(--secondary-text)}.sidebar-logout{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;transition:all .2s;width:100%}.sidebar-logout:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:260px;overflow:hidden}.page-content{background:var(--main-background);flex:1 1;overflow-y:auto;padding:32px}.mobile-header{align-items:center;background:var(--card-background);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d;display:none;justify-content:space-between;padding:16px 20px}.hamburger-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;padding:8px;transition:background .2s;width:40px}.hamburger-button:hover{background:var(--page-background)}.hamburger-button span{background:var(--main-text);border-radius:2px;height:2px;transition:all .3s;width:24px}.mobile-title{color:var(--main-text);font-size:18px;font-weight:600;margin:0}.mobile-user-avatar{align-items:center;background:var(--primary-button);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.page-content{padding:24px}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{display:block}.main-content{margin-left:0}.mobile-header{display:flex}.page-content{padding:20px 16px}}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--secondary-text)}.welcome-section{margin-bottom:32px}.welcome-section h2{font-size:28px;font-weight:700}.welcome-section p{font-size:15px}.quick-actions{margin-bottom:32px}.action-card{box-shadow:0 1px 3px #0000001a}.action-card:hover{box-shadow:0 4px 12px #00000026}.action-card h3{font-size:18px}.action-card p{font-size:14px;line-height:1.5}.action-button{border-radius:8px;font-size:14px;padding:12px 16px}.action-button:hover{box-shadow:0 4px 12px #667eea66}.info-section{box-shadow:0 1px 3px #0000001a}.info-section h3{font-size:18px}.info-section li{font-size:14px;line-height:1.5;margin-bottom:12px;padding-left:24px}.info-section li:before{font-size:16px;font-weight:700}.dashboard-container{background:var(--main-background);display:flex;flex-direction:column;height:100vh}.dashboard-header{background:var(--header-background);box-shadow:0 2px 8px var(--shadow-light);color:var(--header-text);padding:20px}.dashboard-header h1{font-size:24px;font-weight:600;margin:0}.user-role{background:#fff3;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.dashboard-nav{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-light);display:flex;gap:8px;overflow-x:auto;padding:16px 20px}.nav-button{align-items:center;background:var(--secondary-background);border:1px solid var(--border-color);border-radius:6px;color:var(--main-text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s;white-space:nowrap}.nav-button:hover{background:#eef0f5;border-color:var(--primary-button);color:var(--primary-button)}.nav-icon{font-size:16px}.dashboard-main{background:var(--main-background);flex:1 1;overflow-y:auto;padding:32px 20px}.welcome-section{margin:0 auto 32px;max-width:1400px}.welcome-section h2{color:var(--main-text);font-size:24px;margin:0 0 8px}.welcome-section p{color:var(--secondary-text);font-size:14px;margin:0}.quick-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto 32px;max-width:1400px}.action-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-light);padding:24px;transition:all .2s}.action-card:hover{box-shadow:0 4px 16px var(--shadow-light);transform:translateY(-2px)}.action-card h3{color:var(--main-text);font-size:16px;font-weight:600;margin:0 0 8px}.action-card p{color:var(--secondary-text);font-size:13px;margin:0 0 16px}.action-button{background:var(--primary-button);border:none;color:var(--primary-button-text);padding:10px 16px;width:100%}.action-button:hover{box-shadow:0 5px 15px var(--shadow-dark);opacity:.9;transform:translateY(-2px)}.info-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-light);margin:0 auto;max-width:1400px;padding:24px}.info-section h3{color:var(--main-text);font-size:16px;font-weight:600;margin:0 0 16px}.info-section ul{list-style:none;margin:0;padding-left:20px}.info-section li{color:var(--secondary-text);font-size:13px;margin-bottom:8px;padding-left:16px;position:relative}.info-section li:before{color:var(--primary-button);content:"✓";font-weight:600;left:0;position:absolute}.recent-quotes-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-light);margin:0 auto 32px;max-width:1400px;padding:24px}.section-header h3{color:var(--main-text);font-size:18px;font-weight:600;margin:0}.view-all-button{background:none;border:none;border-radius:6px;color:var(--primary-button);cursor:pointer;font-size:14px;font-weight:600;padding:6px 12px;transition:all .2s}.view-all-button:hover{background:#667eea1a}.empty-recent,.loading-text{color:var(--secondary-text);font-size:14px;padding:32px;text-align:center}.recent-quotes-list{display:flex;flex-direction:column;gap:12px}.recent-quote-item{align-items:center;background:var(--main-background);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.recent-quote-item:hover{border-color:var(--primary-button);box-shadow:0 2px 8px var(--shadow-light);transform:translateX(4px)}.recent-quote-item.expired{background:#fef2f2;border-color:#fca5a5;opacity:.85}.recent-quote-item.expired:hover{opacity:1}.recent-quote-main{flex:1 1}.recent-quote-title{color:var(--main-text);font-size:15px;font-weight:600;margin-bottom:4px}.recent-quote-client{color:var(--secondary-text);font-size:13px}.recent-quote-meta{align-items:center;display:flex;gap:12px}.recent-status-badge{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.recent-status-badge.warning-badge{animation:flash 1.5s ease-in-out infinite}.recent-quote-date{color:var(--secondary-text);font-size:13px;white-space:nowrap}@media (max-width:768px){.recent-quote-item{align-items:flex-start;flex-direction:column;gap:12px}.recent-quote-meta{justify-content:space-between;width:100%}}.pending-approval-container{align-items:center;background:var(--primary-button);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.pending-card{background:var(--card-background);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;width:100%}.pending-header{margin-bottom:30px;text-align:center}.pending-icon{animation:pulse 2s infinite;font-size:64px;margin-bottom:16px}.pending-header h1{color:var(--main-text);font-size:28px;font-weight:600;margin:0}.pending-content{margin-bottom:24px}.pending-message{color:var(--main-text);font-size:16px;font-weight:500;margin:0 0 16px}.pending-description{color:var(--secondary-text);font-size:14px;line-height:1.6;margin:0 0 24px}.pending-info{background:var(--secondary-background);border-radius:8px;margin-bottom:24px;padding:16px}.info-item{align-items:center;justify-content:space-between;padding:8px 0}.info-label{color:var(--secondary-text);font-size:13px;font-weight:600}.info-value{color:var(--main-text);font-size:13px}.pending-status{background:var(--warning-background);border-radius:4px;color:var(--warning-text);font-weight:600;padding:4px 8px}.pending-steps{margin-bottom:24px}.steps-title{color:var(--main-text);font-size:14px;font-weight:600;margin:0 0 12px}.pending-steps ol{color:var(--secondary-text);font-size:13px;line-height:1.8;margin:0;padding-left:20px}.pending-steps li{margin-bottom:8px}.pending-contact{background:var(--info-background);border-left:4px solid var(--primary-button);border-radius:4px;color:var(--info-text);font-size:13px;margin:0;padding:12px}.pending-actions{display:flex;gap:12px;margin-top:24px}.logout-button{background:var(--secondary-background);border:1px solid var(--border-color);color:var(--main-text);flex:1 1;font-size:14px;padding:11px 16px}.logout-button:hover{background:#eef0f5;border-color:var(--primary-button);color:var(--primary-button)}.admin-users-container{background:var(--main-background);display:flex;flex-direction:column;height:100vh}.admin-header{background:var(--primary-button);box-shadow:0 2px 8px var(--shadow-light);color:#fff;padding:20px}.header-content{margin:0 auto;max-width:1400px}.admin-header h1{font-size:24px;font-weight:600;margin:0}.user-section{align-items:center;display:flex;gap:16px}.user-name{font-weight:500}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.logout-button:hover{background:#ffffff4d;border-color:#ffffff80}.admin-nav{background:var(--card-background);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-light);padding:16px 20px}.nav-link{background:none;border:none;color:var(--primary-button);cursor:pointer;font-size:13px;font-weight:600;transition:color .2s}.nav-link:hover{color:var(--header-button)}.admin-main{flex:1 1;overflow-y:auto;padding:32px 20px}.error-message{background:#fee;border-radius:6px;max-width:1400px;padding:12px 16px}.tabs{border-bottom:2px solid var(--border-color);display:flex;gap:12px;margin:0 auto 24px;max-width:1400px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--secondary-text);cursor:pointer;font-size:14px;font-weight:600;margin-bottom:-2px;padding:12px 16px;transition:all .2s}.tab:hover{color:var(--main-text)}.tab.active{border-bottom-color:var(--primary-button);color:var(--primary-button)}.tab-content{margin:0 auto;max-width:1400px}.users-list{grid-gap:16px;display:grid;gap:16px}.user-card{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .2s}.user-card:hover{box-shadow:0 4px 12px var(--shadow-light)}.user-card.pending{border-left:4px solid #fbbf24}.user-card.approved{border-left:4px solid #10b981}.user-info h3{color:var(--main-text);font-size:16px;margin:0 0 8px}.user-info .email{color:var(--secondary-text);font-size:13px;margin:0 0 8px}.user-info .date{color:var(--secondary-text);font-size:12px;margin:0}.user-actions{display:flex;gap:8px}.btn-approve,.btn-reject{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.user-role{align-items:center;display:flex;gap:8px}.role-select{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--main-text);cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s}.role-select:focus{border-color:var(--primary-button);box-shadow:0 0 0 3px #667eea1a;outline:none}.empty-state{font-size:14px}.loading-container{height:100vh}.spinner{animation:spin .8s linear infinite;border:4px solid var(--shadow-light)}.quotes-page{background:var(--main-background);min-height:100vh;padding:0}.quotes-header{background:var(--card-background);border-bottom:1px solid var(--border-color);margin-bottom:24px;padding:32px 24px}.quotes-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.quotes-header h1{color:var(--main-text);font-size:32px;font-weight:700;margin:0 0 8px}.quotes-header p{color:var(--secondary-text);font-size:14px;margin:0}.create-button{background:var(--primary-button);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.create-button:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.quotes-controls{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1fr auto auto;margin:0 auto 32px;max-width:1200px;padding:0 24px}.search-box{min-width:0}.search-input{box-sizing:border-box;font-size:15px;transition:border-color .2s;width:100%}.search-input::placeholder{color:var(--secondary-text);opacity:.7}.sort-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.sort-select{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--main-text);cursor:pointer;font-size:15px;min-width:180px;padding:12px 16px;transition:all .2s}.sort-select:focus{border-color:var(--primary-button);box-shadow:0 0 0 3px #667eea1a;outline:none}.sort-order-button{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--main-text);cursor:pointer;font-size:18px;line-height:1;padding:10px 14px;transition:all .2s}.sort-order-button:hover{border-color:var(--primary-button);color:var(--primary-button)}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-button{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;color:var(--secondary-text);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-button:hover{border-color:var(--primary-button);color:var(--primary-button)}.filter-button.active{background:var(--primary-button);border-color:var(--primary-button);color:#fff}.filter-button .count{background:#fff3;border-radius:4px;font-size:12px;font-weight:600;padding:2px 8px}.filter-button.active .count{background:var(--shadow-light)}.empty-state{margin:0 auto;max-width:1200px;padding:80px 24px}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h2{color:var(--main-text);font-size:24px;font-weight:600;margin:0 0 8px}.empty-state p{margin:0 0 24px}.empty-cta{background:var(--primary-button);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.empty-cta:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.quotes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:0 24px}.quote-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:all .2s}.quote-card:hover{border-color:var(--border-color);box-shadow:0 10px 30px var(--shadow-light);transform:translateY(-4px)}.quote-card.expired{background:#fef2f2;border-color:#fca5a5;opacity:.85}.quote-card.expired:hover{opacity:1}.quote-card-header{border-bottom:1px solid var(--secondary-background);padding:20px}.quote-card-title{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.quote-card-title h3{color:var(--main-text);flex:1 1;font-size:18px;font-weight:600;margin:0;word-break:break-word}.status-badge{align-items:center;box-shadow:0 2px 4px #0000001a;display:inline-flex;transition:transform .2s;white-space:nowrap}.status-badge:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.status-badge.warning{animation:flash 1.5s ease-in-out infinite}@keyframes flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.quote-card-body{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px}.quote-info-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.quote-info-row .label{color:var(--secondary-text);font-weight:500}.quote-info-row .value{color:var(--main-text);font-weight:600;text-align:right}.quote-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--secondary-text);display:-webkit-box;font-size:13px;line-height:1.5;margin-top:12px;overflow:hidden;padding-top:12px}.quote-card-actions,.quote-description{border-top:1px solid var(--secondary-background)}.quote-card-actions{display:flex;gap:8px;padding:12px 20px}.action-button{border:1px solid var(--border-color);border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .2s}.action-button.view{background:var(--secondary-background);color:var(--main-text)}.action-button.view:hover{background:var(--border-color);border-color:var(--secondary-text)}.action-button.edit{background:#dbeafe;border-color:#93c5fd;color:var(--info-text)}.action-button.edit:hover{background:#bfdbfe;border-color:#60a5fa}.action-button.delete{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.action-button.delete:hover{background:#fecaca;border-color:#f87171}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-left:4px solid var(--error-color);border-radius:8px;display:flex;justify-content:space-between;margin:0 auto 24px;max-width:1200px;padding:16px 24px}.error-message button{background:none;border:none;color:var(--error-color);cursor:pointer;font-size:20px;padding:0 8px}.error-message button:hover{color:#7f1d1d}.loading-container p{color:var(--secondary-text);font-size:14px}@media (max-width:1024px){.quotes-controls{gap:12px;grid-template-columns:1fr}.sort-controls{justify-content:space-between}.filter-buttons{grid-column:1}}@media (max-width:768px){.quotes-header .header-content{align-items:flex-start;flex-direction:column;gap:16px}.quotes-controls{gap:12px;grid-template-columns:1fr}.search-box{width:100%}.sort-controls{flex-direction:row;justify-content:space-between}.sort-select{flex:1 1;min-width:0}.quotes-grid{grid-template-columns:1fr}.quote-info-row{flex-direction:column;gap:4px}.quote-info-row .value{text-align:left}}.breadcrumb{align-items:center;color:var(--secondary-text);display:flex;flex-wrap:wrap;font-size:14px;gap:8px;padding:12px 0}.breadcrumb-link{background:none;border:none;border-radius:4px;color:var(--primary-button);cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px;transition:all .2s}.breadcrumb-link:hover{background:#667eea1a;text-decoration:underline}.breadcrumb-separator{color:var(--border-color);font-weight:300;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:var(--main-text);font-weight:600;padding:4px 8px}.material-modal-overlay{align-items:center;background:var(--modal-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.material-modal-content{background:var(--card-background);border-radius:16px;box-shadow:0 20px 60px var(--shadow-dark);display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:100%}.material-modal-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px}.material-modal-header h3{color:var(--main-text);font-size:20px;font-weight:700;margin:0 0 4px}.material-modal-header p{color:var(--secondary-text);font-size:14px;margin:0}.material-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--secondary-text);cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;transition:color .2s;width:40px}.material-modal-close:hover{background:var(--secondary-background);color:var(--main-text)}.material-modal-error{background:#fee2e2;border:1px solid #fecaca;border-left:4px solid var(--error-color);color:var(--error-color);padding:16px 24px}.material-modal-body{flex:1 1;overflow:auto;padding:24px}.material-modal-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:300px}.material-modal-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;min-height:400px}.material-list-section{display:flex;flex-direction:column;gap:16px;min-width:0}.material-controls{display:flex;flex-direction:column;gap:12px}.material-search{border:1px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s}.material-search:focus{border-color:var(--primary-button);box-shadow:0 0 0 3px #667eea1a;outline:none}.category-filter{display:flex;flex-wrap:wrap;gap:8px}.category-button{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--secondary-text);cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s}.category-button:hover{border-color:var(--primary-button);color:var(--primary-button)}.category-button.active{background:var(--primary-button);border-color:var(--primary-button);color:#fff}.materials-list{border:1px solid var(--border-color);border-radius:8px;flex:1 1;overflow-y:auto}.materials-list::-webkit-scrollbar{width:8px}.materials-list::-webkit-scrollbar-track{background:var(--secondary-background);border-radius:4px}.materials-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.materials-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.material-list-item{border-bottom:1px solid var(--secondary-background);cursor:pointer;padding:12px;transition:all .2s}.material-list-item:last-child{border-bottom:none}.material-list-item:hover{background:var(--page-background)}.material-list-item.selected{background:var(--info-background);border-left:4px solid var(--primary-button)}.material-list-item-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.material-list-item-header h4{color:var(--main-text);font-size:13px;font-weight:600;margin:0}.material-price{color:var(--primary-button);font-size:13px;font-weight:600}.material-list-item-details{color:var(--secondary-text);font-size:12px;margin:0}.empty-list{color:var(--secondary-text);padding:40px 20px;text-align:center}.material-config-section{background:var(--page-background);border-radius:8px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:20px}.material-detail{display:flex;flex-direction:column;gap:12px}.material-detail h4{color:var(--main-text);font-size:14px;font-weight:600;margin:0 0 12px}.material-detail-info{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:12px}.detail-row{gap:12px}.detail-row span:first-child{color:var(--secondary-text);font-weight:500}.detail-row span:last-child,.detail-row strong{color:var(--main-text);font-weight:600}.quantity-selector{display:flex;flex-direction:column;gap:8px}.quantity-selector label{color:#374151;font-size:13px;font-weight:600}.quantity-input-group{align-items:center;display:flex;gap:8px}.qty-button{align-items:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.qty-button:hover{border-color:var(--primary-button);color:var(--primary-button)}.qty-input{border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;padding:8px 12px;text-align:center}.qty-input:focus{border-color:var(--primary-button);box-shadow:0 0 0 3px #667eea1a;outline:none}.modifiers-section{display:flex;flex-direction:column;gap:12px}.modifiers-section h4{color:var(--main-text);font-size:14px;font-weight:600;margin:0 0 4px}.section-subtitle{color:var(--secondary-text);font-size:12px;margin:0 0 12px}.processes-list{display:flex;flex-direction:column;gap:12px}.process-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;padding:12px}.process-header{margin-bottom:0}.process-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px}.process-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.process-name{color:var(--main-text);font-size:13px;font-weight:600}.process-options{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px}.cost-option{align-items:center;background:var(--page-background);border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.cost-option:hover{background:var(--secondary-background)}.cost-option input[type=radio]{cursor:pointer;height:16px;width:16px}.cost-option span{color:var(--main-text);font-size:13px}.sqft-input-group{align-items:center;background:var(--page-background);border-radius:4px;display:flex;gap:8px;margin-top:4px;padding:8px}.sqft-input-group label{color:var(--secondary-text);font-size:12px;font-weight:500}.sqft-input{border:1px solid var(--border-color);border-radius:4px;flex:1 1;font-family:inherit;font-size:13px;max-width:100px;padding:6px 10px}.sqft-input:focus{border-color:var(--primary-button);box-shadow:0 0 0 2px #667eea1a;outline:none}.sqft-cost{color:var(--primary-button);font-size:12px;font-weight:600;white-space:nowrap}.modifiers-list{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:12px}.modifier-checkbox{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s}.modifier-checkbox:hover{background:var(--secondary-background)}.modifier-checkbox input{cursor:pointer;height:16px;margin-top:3px;width:16px}.modifier-info{display:flex;flex-direction:column;gap:2px}.modifier-name{color:var(--main-text);font-size:13px;font-weight:500}.modifier-desc{color:var(--secondary-text);font-size:12px}.calculation-preview{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;display:flex;flex-direction:column;gap:12px;padding:12px}.calculation-preview h4{color:var(--main-text);font-size:14px;font-weight:600;margin:0 0 8px}.preview-rows{display:flex;flex-direction:column;gap:8px}.preview-row{display:flex;font-size:12px;gap:12px;justify-content:space-between}.preview-row span:first-child{color:var(--secondary-text)}.preview-row span:last-child,.preview-row strong{color:var(--main-text);font-weight:600}.add-material-button{background:var(--primary-button);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:11px;transition:all .2s;width:100%}.add-material-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.reset-button{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--secondary-text);cursor:pointer;font-size:14px;font-weight:600;padding:11px;transition:all .2s;width:100%}.reset-button:hover{border-color:var(--secondary-text);color:var(--main-text)}.material-config-empty{align-items:center;color:var(--secondary-text);display:flex;font-size:16px;justify-content:center;min-height:300px;text-align:center}@media (max-width:768px){.material-modal-layout{grid-template-columns:1fr}.material-modal-header{flex-direction:column;gap:12px}.material-modal-close{align-self:flex-end}.materials-list{max-height:250px}}.confirm-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{animation:slideUp .3s ease-out;background:var(--card-background);border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-header{border-bottom:1px solid var(--border-color);padding:24px 24px 16px}.confirm-dialog-header h3{color:var(--main-text);font-size:18px;font-weight:600;margin:0}.confirm-dialog-body{padding:20px 24px}.confirm-dialog-body p{color:var(--main-text);font-size:14px;line-height:1.6;margin:0}.confirm-dialog-footer{background:var(--main-background);border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-dialog-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.confirm-dialog-btn.cancel{background:var(--secondary-button);color:var(--secondary-button-text)}.confirm-dialog-btn.cancel:hover{opacity:.8}.confirm-dialog-btn.confirm{background:var(--primary-button);color:var(--primary-button-text)}.confirm-dialog-btn.confirm:hover:not(.danger){box-shadow:0 2px 8px #667eea4d;opacity:.9}.confirm-dialog-btn.confirm.danger{background:var(--error-color)}.confirm-dialog-btn.confirm.danger:hover{box-shadow:0 2px 8px #ef44444d;opacity:.9}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3em;border-bottom-right-radius:.3em}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-radius:0;border-top:1px solid #aeaeae;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-radius:0 0 .3rem .3rem;border-top:1px solid #aeaeae}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4em}.react-datepicker__month{margin:.4em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4em}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3em;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3em;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85em);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7em;margin:.166em;text-align:center;width:1.7em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;text-align:center;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7em;margin:.166em;text-align:center;width:1.7em}.react-datepicker__day--disabled,.react-datepicker__day-name--disabled,.react-datepicker__time-name--disabled{color:#ccc;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3em;width:3em}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2em;width:2em}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4em;padding-left:.2em;padding-right:.2em;width:13.8em}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.react-datepicker-popper-offset{margin-top:-.7em}.create-quote-page{background:var(--page-background);min-height:100vh}.quote-header{background:var(--card-background);border-bottom:1px solid var(--border-color);margin-bottom:24px;padding:24px}.quote-header .header-content{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.quote-header h1{color:var(--main-text);font-size:28px;font-weight:700;margin:0 0 8px}.quote-header p{color:var(--secondary-text);font-size:14px;margin:0}.error-banner{border:1px solid #fecaca;border-left:4px solid var(--error-color);border-radius:8px;margin:0 auto 24px;max-width:1400px;padding:16px 24px}.error-banner,.error-banner button{color:var(--error-color)}.quote-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px;margin:0 auto;max-width:1400px;padding:0 24px 24px}.quote-main{display:flex;flex-direction:column;gap:24px}.section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:24px}.section-title{color:var(--main-text);font-size:18px;font-weight:600;margin:0 0 20px}.section-header .section-title{margin:0}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--main-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-button);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:var(--secondary-text);display:block;font-size:13px;line-height:1.4;margin-top:6px}.adjustments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);max-width:800px}.adjustments-grid .form-group{margin-bottom:0}.empty-placeholder{border:2px dashed var(--border-color);border-radius:8px;color:var(--secondary-text);padding:40px 20px;text-align:center}.moments-list{display:flex;flex-direction:column;gap:16px}.moment-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.moment-header{background:var(--page-background);border-bottom:1px solid var(--border-color);gap:12px;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.expand-button,.moment-header{align-items:center;cursor:pointer;display:flex}.expand-button{background:none;border:none;color:var(--main-text);flex:1 1;font-size:14px;font-weight:600;gap:8px;padding:0}.expand-button:hover{color:var(--primary-button)}.moment-actions{align-items:center;display:flex;gap:8px}.moment-name-input{border:1px solid var(--border-color);border-radius:4px;font-size:13px;padding:6px 8px;width:200px}.moment-content{gap:16px;padding:16px}.assets-list,.moment-content{display:flex;flex-direction:column}.assets-list{gap:12px}.asset-card{background:var(--page-background);border:1px solid var(--border-color);border-radius:8px;padding:20px}.asset-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.asset-header h4{color:var(--main-text);flex:1 1;font-size:14px;font-weight:600;margin:0}.asset-actions{align-items:center;display:flex;gap:8px}.asset-name-input{border:1px solid var(--border-color);border-radius:4px;font-size:13px;padding:6px 8px;width:150px}.materials-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.material-item{grid-gap:12px;align-items:start;background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;display:grid;gap:12px;grid-template-columns:1fr auto auto;padding:10px 12px}.material-info{min-width:0}.material-info h5{color:var(--main-text);font-size:13px;font-weight:600;margin:0 0 4px}.material-info p{color:var(--secondary-text);font-size:11px;margin:0 0 6px}.material-processes{border-top:1px solid var(--border-color);margin-top:8px;padding-top:8px}.processes-label{color:var(--secondary-text);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.processes-list-inline{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.processes-list-inline li{background:var(--page-background);border:1px solid var(--border-color);border-radius:4px;color:var(--main-text);font-size:11px;padding:4px 8px}.material-price{display:flex;flex-direction:column;gap:4px;min-width:110px;padding-top:2px}.price-row{display:flex;font-size:12px;gap:8px;justify-content:space-between}.price-row span:first-child{color:var(--secondary-text);font-weight:500}.price-row span:last-child{color:var(--main-text);font-weight:600}.price-row.total{border-top:1px solid var(--border-color);font-size:13px;padding-top:4px}.price-row.total span:last-child{color:var(--primary-button);font-weight:700}.no-materials{color:var(--secondary-text);font-size:13px;margin:0;padding:12px;text-align:center}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary:hover:not(:disabled){background:var(--page-background);border-color:var(--secondary-text)}.btn-danger{background:var(--card-background);border:1px solid #fecaca;color:#dc2626}.btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.btn-small{padding:8px 12px}.quote-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.totals-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px}.totals-card h3{color:var(--main-text);font-size:16px;font-weight:600;margin:0 0 16px}.total-row{border-bottom:1px solid var(--secondary-background);color:var(--secondary-text);display:flex;font-size:13px;justify-content:space-between;padding:12px 0}.total-row:last-of-type{border-bottom:none}.total-row.discount{color:#10b981}.total-row.final{border-top:2px solid var(--border-color);color:var(--main-text);font-size:16px;font-weight:700;margin-top:16px;padding-top:16px}.total-row span:last-child{color:var(--main-text);font-weight:600;text-align:right}.sidebar-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.modal-content{margin:0 auto;max-width:550px;width:calc(100% - 40px)}.modal-header{padding:28px 32px 20px}.modal-header h2,.modal-header h3{color:var(--main-text);font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;color:var(--secondary-text);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.close-button:hover{color:var(--main-text)}.modal-body{padding:32px}.modal-footer{padding:20px 32px}@media (max-width:1024px){.quote-container{grid-template-columns:1fr}.quote-sidebar{position:static}}@media (max-width:768px){.quote-container{padding:0 12px}.quote-header .header-content{flex-direction:column;gap:16px}.adjustments-grid{grid-template-columns:1fr}.asset-header{align-items:flex-start;flex-direction:column}.asset-actions{flex-wrap:wrap;width:100%}.moment-actions{flex-direction:column;width:100%}.asset-name-input,.moment-name-input{width:100%}}.dates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.dates-grid .form-group{margin-bottom:0}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--main-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;padding:12px 14px;transition:border-color .2s;width:100%}.react-datepicker__input-container input:focus{border-color:var(--primary-button);box-shadow:0 0 0 3px #667eea1a;outline:none}.react-datepicker__input-container input::placeholder{color:var(--secondary-text);opacity:.6}.custom-calendar{border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 40px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transform:scale(1.15);transform-origin:top}.react-datepicker__header{background-color:var(--primary-button)!important;border-bottom:none;border-radius:12px 12px 0 0;padding-top:16px}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff!important;font-weight:600}.react-datepicker__day-name{font-size:13px;margin:8px}.react-datepicker__day{border-radius:8px;font-size:14px;line-height:36px;margin:8px;width:36px}.react-datepicker__day:hover{background-color:var(--secondary-background)!important;border-radius:8px}.react-datepicker__day--selected{background-color:var(--primary-button)!important;color:#fff!important;font-weight:600}.react-datepicker__day--keyboard-selected{background-color:#667eea33!important;color:var(--main-text)!important}.react-datepicker__navigation{top:18px}.react-datepicker__navigation-icon:before{border-color:#fff;border-width:2px 2px 0 0;height:8px;width:8px}@media (max-width:768px){.dates-grid{gap:16px;grid-template-columns:1fr}.custom-calendar{transform:scale(1)}}.quote-detail-page{background:var(--page-background);min-height:100vh}.detail-header{background:var(--card-background);border-bottom:1px solid var(--border-color);margin-bottom:24px;padding:24px}.detail-header .header-content{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px}.detail-header h1{color:var(--main-text);font-size:28px;font-weight:700;margin:0 0 8px}.client-name{color:var(--secondary-text);font-size:14px;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:12px}.detail-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px;margin:0 auto;max-width:1400px;padding:0 24px 24px}.detail-container.print-view{box-sizing:border-box!important;display:block!important;gap:0!important;grid-template-columns:none!important;margin:0 auto!important;max-width:8.5in!important;padding:.4in .3in!important;width:8.5in!important}.detail-main{display:flex;flex-direction:column;gap:24px}.detail-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:24px}.section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.section-header h2{color:var(--main-text);font-size:18px;font-weight:600;margin:0}.status-badge{border-radius:6px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-badge.status-draft{background:#6b7280}.status-badge.status-active{background:#10b981}.status-badge.status-archived{background:#ef4444}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.info-item{background:var(--page-background);border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:12px}.info-item .label{color:var(--secondary-text);font-size:12px;font-weight:600;text-transform:uppercase}.info-item .value{color:var(--main-text);font-size:14px;font-weight:600}.description-box{border-top:1px solid var(--border-color);padding-top:20px}.description-box h4{color:var(--main-text);font-size:14px;font-weight:600;margin:0 0 8px}.description-box p{color:var(--secondary-text);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.empty-state{padding:40px 20px}.moments-detail{display:flex;flex-direction:column;gap:24px}.moment-detail{background:var(--page-background);border:1px solid var(--border-color);border-radius:8px;padding:20px}.moment-title{color:var(--main-text);font-size:16px;font-weight:600;margin:0 0 16px}.empty-section{color:var(--secondary-text);font-size:14px;margin:0}.assets-detail{display:flex;flex-direction:column;gap:16px}.asset-detail{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:16px}.asset-detail h4{color:var(--main-text);font-size:14px;font-weight:600;margin:0 0 12px}.empty-item{color:var(--secondary-text);font-size:13px;margin:0;padding:12px;text-align:center}.materials-table{border-collapse:collapse;font-size:13px;width:100%}.materials-table thead{background:var(--page-background);border-bottom:2px solid var(--border-color)}.materials-table th{color:#374151;font-weight:600;padding:12px;text-align:left}.materials-table td{border-bottom:1px solid var(--border-color);padding:12px}.materials-table tbody tr:last-child td{border-bottom:none}.material-name{color:var(--main-text)}.material-name strong{display:block;margin-bottom:4px}.material-name small{color:var(--secondary-text)}.qty-cell{color:var(--main-text);font-weight:600;text-align:center}.price-cell{font-size:12px}.price-detail{display:flex;flex-direction:column;gap:4px}.price-detail .before{color:var(--secondary-text);font-size:11px}.price-detail .after{color:var(--main-text);font-weight:600}.processes-cell{font-size:12px}.total-cell{color:var(--primary-button);font-weight:700;text-align:right}.detail-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.totals-summary{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:20px}.totals-summary h3{color:var(--main-text);font-size:16px;font-weight:600;margin:0 0 16px}.summary-row{border-bottom:1px solid var(--secondary-background);color:var(--secondary-text);display:flex;justify-content:space-between;padding:12px 0}.summary-row:last-of-type{border-bottom:none}.summary-row.discount{color:#10b981}.summary-row.final{border-top:2px solid var(--border-color);font-size:16px;margin-top:16px;padding-top:16px}.summary-row strong,.summary-row.final{color:var(--main-text);font-weight:700}.summary-row span:last-child{color:var(--main-text);font-weight:600;text-align:right}.summary-row.final span:last-child{color:var(--main-text);font-weight:700}.summary-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.btn{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.btn-primary{color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:var(--card-background)}.btn-secondary:hover{background:var(--page-background);border-color:var(--secondary-text)}.btn-block{justify-content:center;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-button);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;margin:60px auto;max-width:600px;padding:40px 24px;text-align:center}.error-container h2{color:var(--main-text);margin:0 0 12px}.error-container p{color:var(--secondary-text);margin:0 0 24px}@media print{.detail-header{display:none}.detail-container{display:block;padding:0}.detail-sidebar{display:none}.detail-section{border:1px solid var(--border-color);box-shadow:none;margin-bottom:20px;page-break-inside:avoid}.materials-table{width:100%}}@media (max-width:1024px){.detail-container{grid-template-columns:1fr}.detail-sidebar{position:static}}.print-view{background:#fff!important;box-sizing:border-box!important;color:#000!important;margin:0 auto!important;max-width:8.5in!important;min-height:11in!important;padding:.4in .3in!important;width:8.5in!important}.print-view .detail-main{gap:16px!important;max-width:100%!important;padding:0!important;width:100%!important}.print-view .detail-container{box-sizing:border-box!important;display:block!important;grid-template-columns:none!important;max-width:8.5in!important;padding:.4in .3in!important;width:8.5in!important}.print-view .pdf-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.print-view .pdf-header-left h1{color:#111827;font-size:24px;margin:0 0 6px}.print-view .pdf-header-left p{color:#6b7280;font-size:13px;margin:0}.print-view .pdf-header-right{text-align:right}.print-view .pdf-header-right .company-logo{margin-bottom:6px;max-height:50px!important;max-width:100px!important;object-fit:contain}.print-view .pdf-header-right .company-name{color:#111827;font-size:15px;font-weight:600}.print-view .detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box!important;margin-bottom:20px;max-width:100%!important;padding:16px;page-break-inside:avoid;width:100%!important}.print-view .moments-detail{width:100%!important}.print-view .asset-detail,.print-view .moment-detail{background:#fff;box-sizing:border-box!important;width:100%!important}.print-view .materials-table{font-size:12px!important;table-layout:fixed!important;width:100%!important}.print-view .materials-table td,.print-view .materials-table th{word-wrap:break-word;padding:10px 8px!important}.print-view .pricing-section{page-break-inside:avoid}.print-view .pricing-table{font-size:13px;width:100%!important}@media (max-width:768px){.detail-header .header-content{flex-direction:column;gap:16px}.header-actions{width:100%}.header-actions button{flex:1 1;justify-content:center}.info-grid{grid-template-columns:1fr}.materials-table{font-size:12px}.materials-table td,.materials-table th{padding:8px}}@media print{body{background:#fff;margin:0;padding:0}.app-layout>header,.app-layout>nav{display:none!important}.quote-detail-page{background:#fff}#quote-detail-content,.header-actions,.header-content,.quote-detail-page>div[style*=maxWidth]{display:none!important}#quote-detail-print-content{display:block!important;left:0!important;position:relative!important;top:0!important}.detail-container{display:block;grid-template-columns:none;margin:0;max-width:100%;padding:20px}.detail-sidebar{display:none!important}.detail-main{max-width:100%}.detail-section{margin-bottom:20px;page-break-inside:avoid}h1,h2,h3,h4{page-break-after:avoid}table{page-break-inside:avoid}}.timeline-container{background:var(--page-background);border:1px solid var(--border-color);border-radius:12px;margin:32px 0;padding:24px}.timeline{margin:0 20px;padding:60px 0 40px;position:relative}.timeline-line{background:var(--border-color);height:4px;right:0;top:50%;transform:translateY(-50%)}.timeline-line,.timeline-progress{border-radius:2px;left:0;position:absolute}.timeline-progress{background:linear-gradient(90deg,#667eea,#10b981);height:100%;top:0;transition:width .5s ease}.timeline-milestones{height:100%;position:relative}.timeline-milestone{align-items:center;display:flex;flex-direction:column;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.milestone-icon{align-items:center;background:var(--card-background);border:3px solid;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px}.milestone-icon.past{box-shadow:0 4px 16px #667eea4d}.milestone-icon:hover{transform:scale(1.1)}.milestone-label{position:absolute;text-align:center;top:52px;width:120px}.milestone-title{color:var(--main-text);font-size:12px;font-weight:600;margin-bottom:4px;white-space:nowrap}.milestone-date{color:var(--secondary-text);font-size:11px;white-space:nowrap}.timeline-current-indicator{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.current-marker{animation:pulse 2s infinite;background:#3b82f6;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #3b82f6,0 4px 12px #3b82f666;height:16px;width:16px}@keyframes pulse{0%,to{box-shadow:0 0 0 2px #3b82f6,0 4px 12px #3b82f666}50%{box-shadow:0 0 0 4px #3b82f6,0 4px 16px #3b82f699}}.current-label{background:#fff;border:1px solid #3b82f6;border-radius:4px;color:#3b82f6;font-size:11px;font-weight:600;left:50%;padding:4px 8px;position:absolute;top:24px;transform:translateX(-50%);white-space:nowrap}@media (max-width:768px){.timeline{margin:0 10px;padding:80px 0 60px}.milestone-title{font-size:10px}.milestone-date{font-size:9px}.milestone-label{width:100px}.milestone-icon{height:32px;width:32px}}.pdf-template-settings{background:var(--main-background);border-radius:8px;overflow:hidden}.template-header{border-bottom:1px solid var(--border-color);padding:24px}.template-header h3{color:var(--main-text);font-size:18px;margin:0 0 8px}.template-desc{color:var(--secondary-text);font-size:14px;margin:0}.template-presets{border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;padding:16px 24px}.preset-btn{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--main-text);cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s ease}.preset-btn:hover{background:var(--main-background);border-color:var(--primary-button)}.preset-btn.internal:before{content:"⚙️ "}.preset-btn.client:before{content:"👁️ "}.preset-btn.custom:before{content:"✏️ "}.templates-list{display:flex;flex-direction:column;gap:12px;padding:16px}.template-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.template-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px;-webkit-user-select:none;user-select:none}.template-card-header:hover{background:var(--main-background)}.template-info{flex:1 1}.template-info h4{color:var(--main-text);font-size:16px;margin:0 0 4px}.template-info p{color:var(--secondary-text);font-size:13px;margin:0}.default-badge{background:var(--success-color);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:4px 8px;text-transform:uppercase}.expand-btn{background:none;border:none;color:var(--secondary-text);cursor:pointer;font-size:16px;padding:8px}.template-content{background:var(--main-background);border-top:1px solid var(--border-color);padding:16px}.template-edit{background:var(--card-background);border-radius:6px;margin-bottom:20px;padding:16px}.edit-field{margin-bottom:12px}.edit-field:last-child{margin-bottom:0}.edit-field label{color:var(--main-text);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.edit-field input,.edit-field textarea{background:var(--main-background);border:1px solid var(--border-color);border-radius:4px;color:var(--main-text);font-family:inherit;font-size:13px;padding:8px 10px;width:100%}.edit-field textarea{min-height:60px;resize:vertical}.visibility-options{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.visibility-options h5{color:var(--main-text);font-size:14px;font-weight:600;margin:0 0 16px}.visibility-group{margin-bottom:12px}.checkbox-label{align-items:flex-start;border-radius:4px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s ease}.checkbox-label:hover{background:var(--card-background)}.checkbox-label input[type=checkbox]{cursor:pointer;margin-top:4px;min-width:18px}.checkbox-label span:first-of-type{color:var(--main-text);font-size:14px;font-weight:500}.help-text{color:var(--secondary-text);display:block;font-size:12px;font-weight:400;margin-top:2px}.template-footer{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px}.btn{font-size:13px;padding:10px 16px;transition:all .2s ease}.btn-secondary{background:var(--secondary-button);color:var(--secondary-button-text)}.btn-secondary:hover{opacity:.8}.btn-danger{background:var(--error-color)}.btn-danger:hover{opacity:.9}.role-settings{background:var(--main-background);border-radius:8px;overflow:hidden}.role-header{border-bottom:1px solid var(--border-color);padding:24px}.role-header h3{color:var(--main-text);font-size:18px;margin:0 0 8px}.role-desc{color:var(--secondary-text);font-size:14px;margin:0}.roles-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:16px}.role-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.role-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:16px;-webkit-user-select:none;user-select:none}.role-card-header:hover{background:var(--main-background)}.role-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:700;min-width:60px;padding:6px 12px;text-align:center;text-transform:uppercase}.role-name{color:var(--main-text);flex:1 1;font-size:15px;font-weight:600}.expand-icon{color:var(--secondary-text);font-size:12px;transition:transform .2s ease}.role-permissions{display:flex;flex-direction:column;gap:12px;padding:16px}.permission-item{border-radius:6px;padding:8px;transition:background .2s ease}.permission-item:hover{background:var(--main-background)}.permission-label{align-items:flex-start;cursor:pointer;display:flex;gap:10px}.permission-label input[type=checkbox]{cursor:pointer;margin-top:4px;min-width:18px}.permission-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.permission-text strong{color:var(--main-text);font-size:14px}.permission-desc{color:var(--secondary-text);font-size:12px;font-weight:400}.role-summary{border-top:1px solid var(--border-color);padding:20px}.role-summary h4{color:var(--main-text);font-size:15px;margin:0 0 16px}.summary-table{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.summary-header{grid-gap:0;background:var(--main-background);border-bottom:2px solid var(--border-color);display:grid;font-size:13px;font-weight:600;gap:0;grid-template-columns:2fr 1fr 1fr 1fr}.summary-header .summary-cell{color:var(--main-text);padding:12px}.summary-row{grid-gap:0;border-bottom:1px solid var(--border-color);display:grid;font-size:13px;gap:0;grid-template-columns:2fr 1fr 1fr 1fr}.summary-row:last-child{border-bottom:none}.summary-cell{color:var(--main-text);padding:12px;text-align:center}.summary-cell.permission-name{color:var(--main-text);font-weight:500;text-align:left}.summary-row:nth-child(2n){background:#00000005}.catalog-page{background-color:var(--main-background);min-height:100vh}.catalog-header{background:var(--primary-button);color:#fff;margin-bottom:32px;padding-top:40px}.catalog-header h1{font-size:32px;font-weight:700;margin:0}.catalog-header .subtitle{font-size:16px;margin:8px 0 0;opacity:.9}.catalog-container{display:flex;gap:32px;margin:0 auto;max-width:1400px;padding:0 24px 40px}.catalog-sidebar{flex-shrink:0;width:250px}.filter-section{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:20px}.filter-section h3{font-size:16px;font-weight:600;margin:0 0 16px}.category-list{display:flex;flex-direction:column;gap:8px}.category-btn{background:var(--secondary-background);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;text-align:left;transition:all .2s}.category-btn:hover{background:var(--border-color)}.category-btn.active{background:var(--primary-button);border-color:var(--primary-button);color:#fff;font-weight:600}.sort-options{display:flex;flex-direction:column;gap:10px}.sort-options label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.sort-options input[type=radio]{cursor:pointer}.catalog-main{flex:1 1;min-width:0}.search-container{gap:12px}.search-input{border-radius:8px}.search-input:focus{box-shadow:0 0 0 3px #667eea1a}.empty-state{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px}.empty-state p{color:var(--secondary-text);margin:0 0 16px}.btn-reset-filters{background:var(--primary-button);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.btn-reset-filters:hover{background:#5568d3}.materials-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.material-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.material-card:hover{border-color:var(--primary-button);box-shadow:0 10px 30px var(--shadow-light)}.material-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:8px;justify-content:space-between;padding:16px}.material-header h3{color:var(--main-text);font-size:16px;font-weight:600;margin:0}.category-badge{background:#dbeafe;border-radius:4px;color:var(--info-text);display:inline-block;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.material-details{border-bottom:1px solid var(--border-color);padding:12px 16px}.detail-row{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-row .label{color:var(--secondary-text);font-weight:500}.detail-row .value{color:var(--main-text);font-weight:600}.material-pricing{background:var(--page-background);border-bottom:1px solid var(--border-color);padding:16px}.price-item{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.price-item:last-child{margin-bottom:0}.price-label{color:var(--secondary-text)}.price-value{color:var(--main-text);font-weight:600}.price-item.final{border-top:1px solid var(--border-color);margin-bottom:0;padding-top:8px}.price-item.final .price-label{color:var(--main-text);font-weight:600}.price-item.final .price-value{color:var(--primary-button);font-size:16px}.material-actions{align-items:flex-end;display:flex;flex:1 1;padding:16px}.btn-add-to-quote{background:var(--primary-button);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 12px;transition:all .2s;width:100%}.btn-add-to-quote:hover{background:#5568d3}@media (max-width:768px){.catalog-container{flex-direction:column}.catalog-sidebar{width:100%}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.clients-page{margin:0 auto;max-width:1400px;padding:24px}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.header-content h1{color:var(--main-text);margin:0 0 4px}.header-content p{color:var(--secondary-text);font-size:14px;margin:0}.search-container{align-items:center;display:flex;gap:16px;margin-bottom:24px}.search-input{background:var(--card-background);border:1px solid var(--border-color);border-radius:6px;color:var(--main-text);flex:1 1;font-size:14px;padding:12px 16px}.search-input:focus{border-color:var(--primary-button);outline:none}.result-count{color:var(--secondary-text);font-size:14px;white-space:nowrap}.clients-table-container{background:var(--card-background);border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.clients-table{border-collapse:collapse;width:100%}.clients-table thead{background:var(--secondary-background)}.clients-table th{border-bottom:2px solid var(--border-color);font-weight:600;text-align:left}.clients-table td,.clients-table th{color:var(--main-text);font-size:14px;padding:16px}.clients-table td{border-bottom:1px solid var(--border-color)}.clients-table tbody tr:hover{background:var(--secondary-background)}.clients-table tbody tr:last-child td{border-bottom:none}.client-name{color:var(--primary-button);font-weight:600}.actions-cell{display:flex;gap:8px}.empty-state{color:var(--secondary-text);padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin-bottom:20px}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--card-background);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h2{color:var(--main-text);font-size:20px;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--secondary-text);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:var(--secondary-background);color:var(--main-text)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:20px}.form-group label{color:var(--main-text);display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input,.form-group textarea{background:var(--main-background);border:1px solid var(--border-color);border-radius:6px;color:var(--main-text);font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-button);outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.error-banner{align-items:center;background:#fee2e2;border-radius:6px;color:#991b1b;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.error-banner button{background:none;color:#991b1b;font-size:20px;padding:0 8px}.btn,.error-banner button{border:none;cursor:pointer}.btn{border-radius:6px;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:var(--primary-button);color:var(--primary-button-text)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--secondary-background);border:1px solid var(--border-color);color:var(--main-text)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-small{font-size:13px;padding:6px 12px}@media (max-width:768px){.clients-page{padding:16px}.header-content{align-items:flex-start;flex-direction:column;gap:16px}.clients-table-container{overflow-x:auto}.clients-table{min-width:600px}.form-row{grid-template-columns:1fr}}:root{--header-background:#667eea;--header-text:#fff;--header-button:#764ba2;--main-background:#fff;--main-text:#1f2937;--secondary-text:#6b7280;--card-background:#fff;--card-text:#1f2937;--primary-button:#667eea;--primary-button-text:#fff;--secondary-button:#f3f4f6;--secondary-button-text:#1f2937;--border-color:#e5e7eb;--accent-color:#f59e0b;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--page-background:#f9fafb;--secondary-background:#f5f7fa;--modal-overlay:#0009;--shadow-light:#00000014;--shadow-medium:#0000001a;--shadow-dark:#0000004d;--info-background:#eff6ff;--info-text:#1e40af;--warning-background:#fef3c7;--warning-text:#92400e;--font-family:"Inter, sans-serif";--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-body:14px}body{background-color:#fff;background-color:var(--main-background);font-family:"Inter, sans-serif";font-family:var(--font-family)}body,h1{color:#1f2937;color:var(--main-text)}h1{font-size:32px;font-size:var(--font-size-h1)}h2{font-size:24px;font-size:var(--font-size-h2)}h2,h3{color:#1f2937;color:var(--main-text)}h3{font-size:20px;font-size:var(--font-size-h3)}p{color:#6b7280;color:var(--secondary-text)}.action-button,.btn-primary,.initialize-button,.nav-button,.verify-button,button[class*=primary]{background-color:#667eea;background-color:var(--primary-button);border:none;border-radius:6px;color:#fff;color:var(--primary-button-text);cursor:pointer;font-weight:600;padding:10px 16px}.action-button:hover,.btn-primary:hover,.initialize-button:hover,.nav-button:hover,.verify-button:hover,button[class*=primary]:hover{opacity:.9}a{color:#667eea;color:var(--primary-button)}a:hover{color:#764ba2;color:var(--header-button)}.badge,.status-badge{background-color:#f59e0b;background-color:var(--accent-color);color:#fff}.divider,hr,input,select,textarea{border-color:#e5e7eb;border-color:var(--border-color)}input,select,textarea{background-color:#fff;background-color:var(--main-background);color:#1f2937;color:var(--main-text)}input:focus,select:focus,textarea:focus{border-color:#667eea;border-color:var(--primary-button);box-shadow:0 0 0 3px #667eea1a;outline:none}.card,.container{background-color:#fff;background-color:var(--main-background);border-color:#e5e7eb;border-color:var(--border-color);color:#1f2937;color:var(--main-text)}.admin-header,.catalog-header,.dashboard-header,.initialize-card,.login-card,.login-header,header{background-color:#667eea;background-color:var(--header-background);color:#fff;color:var(--header-text)}.admin-header h1,.catalog-header h1,.dashboard-header h1,.login-header h1{color:#fff;color:var(--header-text)}.btn-secondary,button[class*=secondary]{background-color:#f3f4f6;background-color:var(--secondary-button);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#1f2937;color:var(--secondary-button-text);cursor:pointer}.btn-secondary:hover,button[class*=secondary]:hover{border-color:#6b7280;border-color:var(--secondary-text);opacity:.8}.accent,.highlight{color:#f59e0b;color:var(--accent-color)}.success,.success-message{background-color:#10b9811a;border:1px solid #10b981;border:1px solid var(--success-color);color:#10b981;color:var(--success-color)}.error,.error-message{background-color:#ef44441a;border:1px solid #ef4444;border:1px solid var(--error-color);color:#ef4444;color:var(--error-color)}.warning{background-color:#f59e0b1a;border:1px solid #f59e0b;border:1px solid var(--warning-color);color:#f59e0b;color:var(--warning-color)}.action-card,.data-card,.detail-card,.dialog,.drawer,.form-card,.info-card,.labor-card,.material-card,.modal-content,.popover,.project-card,.quote-card,.result-card,.table-container,.tooltip-content,.vinyl-card{background-color:#fff;background-color:var(--card-background);border-color:#e5e7eb;border-color:var(--border-color);color:#1f2937;color:var(--card-text)}table{background-color:#fff;background-color:var(--card-background);color:#1f2937;color:var(--card-text)}table thead{background-color:#fff;background-color:var(--main-background);color:#1f2937;color:var(--main-text)}table tbody tr{border-bottom-color:#e5e7eb;border-bottom-color:var(--border-color)}table tbody tr:hover{background-color:#00000005}.box,.form-group-container,.form-section,.frame,.panel,.settings-section,.well{background-color:#fff;background-color:var(--card-background);border-color:#e5e7eb;border-color:var(--border-color);color:#1f2937;color:var(--card-text)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.bfcd4e27.css.map*/