.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-background{inset:0;position:absolute;z-index:0}.login-gradient{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 50%,#0f1c2e 100%);inset:0;position:absolute}.login-pattern{background-image:radial-gradient(circle at 25% 25%,#fff 2px,#0000 0),radial-gradient(circle at 75% 75%,#fff 2px,#0000 0);background-size:60px 60px;inset:0;opacity:.05;position:absolute}.login-container{align-items:center;display:flex;flex-direction:column;max-width:480px;padding:var(--space-xl);position:relative;width:100%;z-index:1}.login-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden;width:100%}.login-header{background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 100%);border-bottom:1px solid var(--gray-100);padding:var(--space-2xl) var(--space-xl);text-align:center}.login-logo{flex-direction:column;gap:var(--space-sm)}.login-logo,.login-logo-icon{align-items:center;display:flex}.login-logo-icon{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-lg);box-shadow:0 8px 24px #1e3a5f4d;color:var(--white);font-size:2rem;height:72px;justify-content:center;margin-bottom:var(--space-sm);width:72px}.login-logo h1{color:var(--primary);font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0}.login-logo span{color:var(--gray-500);font-size:.9375rem;font-weight:500}.login-body{padding:var(--space-2xl) var(--space-xl);text-align:center}.login-body h2{color:var(--gray-900);font-size:1.5rem;font-weight:700;margin:0 0 var(--space-xs) 0}.login-subtitle{color:var(--gray-500);font-size:.9375rem;margin:0 0 var(--space-xl) 0}.pin-input-container{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:var(--space-lg);max-width:100%;padding:0 var(--space-sm)}.pin-input-container.shake{animation:shake .5s ease-in-out}.pin-separator{color:var(--gray-400);font-size:1.25rem;font-weight:300;margin:0 2px}.pin-input{-webkit-text-security:disc;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-900);flex-shrink:0;font-family:var(--font-mono);font-size:1.25rem;font-weight:700;height:46px;text-align:center;transition:all var(--transition-fast);width:36px}.pin-input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #4a90d926;outline:none}.pin-input.filled{background:var(--gray-50);border-color:var(--secondary)}.pin-input-container.has-error .pin-input{border-color:var(--error)}.pin-input-container.has-error .pin-input:focus{box-shadow:0 0 0 4px #e74c3c26}.login-error{color:var(--error);font-size:.875rem;gap:var(--space-sm)}.login-error,.login-loading{align-items:center;display:flex;font-weight:500;justify-content:center;margin-bottom:var(--space-lg)}.login-loading{color:var(--secondary);gap:var(--space-md)}.login-spinner{animation:spin .8s linear infinite;border:2px solid #4a90d933;border-radius:50%;border-top:2px solid var(--secondary);height:20px;width:20px}.btn-clear-pin{align-items:center;background:#0000;border:none;color:var(--gray-500);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:color var(--transition-fast)}.btn-clear-pin:hover:not(:disabled){color:var(--gray-700)}.btn-clear-pin:disabled{cursor:not-allowed;opacity:.4}.login-footer{background:var(--gray-50);border-top:1px solid var(--gray-100);padding:var(--space-lg) var(--space-xl);text-align:center}.login-footer p{color:var(--gray-500);font-size:.8125rem;margin:0}.login-branding{margin-top:var(--space-xl);text-align:center}.login-branding p{color:#fff9;font-size:.8125rem;margin:0}.login-branding strong{color:#ffffffe6}@media (max-width:520px){.login-container{padding:var(--space-md)}.login-body,.login-header{padding:var(--space-xl) var(--space-md)}.pin-input-container{gap:4px}.pin-input{border-radius:6px;font-size:1rem;height:38px;width:28px}.pin-separator{font-size:1rem;margin:0 1px}.login-logo-icon{font-size:1.5rem;height:60px;width:60px}.login-logo h1{font-size:1.5rem}}@media (max-width:380px){.pin-input{font-size:.875rem;height:34px;width:24px}.pin-separator{display:none}}.header{box-shadow:var(--shadow-sm);padding:0 var(--space-xl)}.header-content{height:64px}.header-left{align-items:center;display:flex}.header-logo{cursor:pointer;transition:opacity var(--transition-fast)}.header-logo:hover{opacity:.8}.logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-md);color:var(--white);display:flex;font-size:1.125rem;height:40px;justify-content:center;width:40px}.logo-text{display:flex;flex-direction:column}.logo-text h1{color:var(--primary);font-size:1.125rem;font-weight:700;line-height:1.2;margin:0}.logo-text span{color:var(--gray-500);font-size:.75rem;font-weight:500}.header-nav,.nav-link{gap:var(--space-sm)}.nav-link{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.nav-link:hover{background:var(--gray-100);color:var(--gray-800)}.nav-link.active{background:var(--secondary-light);color:var(--primary)}.nav-link i{font-size:1rem}.header-right{position:relative}.header-user{border:1px solid #0000;cursor:pointer;transition:all var(--transition-fast)}.header-user:hover{background:var(--gray-100);border-color:var(--gray-200)}.header-user-avatar{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);flex-shrink:0}.avatar-initials{align-items:center;color:var(--white);display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}.header-user-info{display:flex;flex-direction:column}.header-user-name{line-height:1.2}.dropdown-arrow{color:var(--gray-400);font-size:.75rem;transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-overlay{inset:0;position:fixed;z-index:var(--z-dropdown)}.dropdown-menu{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:calc(var(--z-dropdown) + 1)}.dropdown-header{background:var(--gray-50);padding:var(--space-md) var(--space-lg)}.dropdown-user-name{color:var(--gray-800);display:block;font-size:.9375rem;font-weight:600}.dropdown-user-email{color:var(--gray-500);display:block;font-size:.8125rem;margin-top:2px}.dropdown-divider{background:var(--gray-100);height:1px}.dropdown-item{align-items:center;background:none;border:none;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:left;transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--gray-50)}.dropdown-item i{color:var(--gray-500);width:18px}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-light)}.dropdown-item.danger i{color:var(--error)}@media (max-width:768px){.header{padding:0 var(--space-md)}.header-content{height:56px}.header-nav,.header-user-info,.logo-text span{display:none}.header-user{background:#0000;padding:var(--space-xs)}.header-user:hover{background:#0000;border-color:#0000}.dropdown-arrow{display:none}}.dashboard-page{background:var(--gray-50);min-height:100vh}.dashboard-main{padding:var(--space-xl)}.dashboard-container{margin:0 auto;max-width:1200px}.dashboard-welcome{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-xl);color:var(--white);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding:var(--space-2xl)}.welcome-content h1{color:var(--white);font-size:1.75rem;margin:0 0 var(--space-sm) 0}.welcome-content p{font-size:1rem;margin:0;opacity:.8}.dashboard-stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-xl)}.stat-card{align-items:center;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-md);color:var(--white);display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;width:56px}.stat-icon.blue{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%)}.stat-icon.green{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%)}.stat-content{display:flex;flex-direction:column}.stat-value{color:var(--gray-900);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{color:var(--gray-500);font-size:.875rem;margin-top:var(--space-xs)}.dashboard-quotes{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.quotes-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.quotes-header h2{font-size:1.25rem;margin:0}.quotes-search{position:relative;width:280px}.quotes-search i{color:var(--gray-400);left:var(--space-md);position:absolute;top:50%;transform:translateY(-50%)}.quotes-search input{border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:.875rem;padding:var(--space-sm) var(--space-md) var(--space-sm) 40px;transition:all var(--transition-fast);width:100%}.quotes-search input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #4a90d91a;outline:none}.quotes-empty{padding:var(--space-3xl);text-align:center}.empty-icon{align-items:center;background:var(--gray-100);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-lg);width:80px}.empty-icon i{color:var(--gray-400);font-size:2rem}.quotes-empty h3{color:var(--gray-800);margin:0 0 var(--space-sm) 0}.quotes-empty p{color:var(--gray-500);margin:0 0 var(--space-lg) 0}.quotes-list{grid-gap:var(--space-md);display:grid;gap:var(--space-md);padding:var(--space-lg)}.quote-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.quote-card:hover{background:var(--white);border-color:var(--gray-200);box-shadow:var(--shadow-md)}.quote-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.quote-customer h4{color:var(--gray-900);font-size:1.0625rem;margin:0}.quote-number{color:var(--gray-500);font-family:var(--font-mono);font-size:.8125rem}.quote-badge{background:var(--secondary-light);border-radius:var(--radius-full);color:var(--primary);font-size:.75rem;font-weight:600;padding:4px 12px;white-space:nowrap}.quote-card-body{display:flex;gap:var(--space-xl);margin-bottom:var(--space-md)}.quote-detail{align-items:center;color:var(--gray-600);display:flex;font-size:.875rem;gap:var(--space-sm)}.quote-detail i{color:var(--gray-400);width:16px}.quote-card-pricing{border-bottom:1px solid var(--gray-200);border-top:1px solid var(--gray-200);display:flex;gap:var(--space-xl);margin-bottom:var(--space-md);padding:var(--space-md) 0}.quote-price{display:flex;flex-direction:column}.price-label{color:var(--gray-500);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.price-value{color:var(--primary);font-family:var(--font-mono);font-size:1.25rem;font-weight:700}.quote-card-actions{display:flex;gap:var(--space-sm)}.quote-card-actions .btn{padding:var(--space-sm) var(--space-md)}.quote-card-actions .text-error{color:var(--error)}.quote-card-actions .text-error:hover{background:var(--error-light)}@media (max-width:768px){.dashboard-main{padding:var(--space-md)}.dashboard-welcome{flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);text-align:center}.welcome-content h1{font-size:1.5rem}.dashboard-stats{grid-template-columns:1fr}.quotes-header{align-items:stretch;flex-direction:column;gap:var(--space-md)}.quotes-search{width:100%}.quote-card-body{flex-direction:column;gap:var(--space-sm)}.quote-card-actions,.quote-card-pricing{flex-wrap:wrap}}.category-selector{margin-bottom:var(--space-xl)}.category-selector h3{color:var(--gray-700);font-size:1rem;font-weight:600;margin:0 0 var(--space-md) 0}.category-cards{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.category-card{align-items:center;background:var(--gray-50);border:2px solid var(--gray-100);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.category-card:hover{background:var(--white);border-color:var(--gray-200);box-shadow:var(--shadow-sm)}.category-card.selected{background:var(--white);border-color:var(--accent);box-shadow:0 0 0 4px #2ecc7126}.category-icon{align-items:center;background:var(--gray-100);border-radius:var(--radius-md);color:var(--gray-500);display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;transition:all var(--transition-fast);width:56px}.category-card.selected .category-icon{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);color:var(--white)}.category-content{flex:1 1}.category-content h4{color:var(--gray-900);font-size:1.0625rem;font-weight:600;margin:0 0 4px}.category-content p{color:var(--gray-700);font-size:.875rem;margin:0}.category-check{align-items:center;color:var(--accent);display:flex;font-size:1.25rem;height:24px;justify-content:center;width:24px}.package-selector{border-top:1px solid var(--gray-100);margin-top:var(--space-xl);padding-top:var(--space-xl)}.package-cards{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.package-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-lg);position:relative;transition:all var(--transition-fast)}.package-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-md)}.package-card.selected{border-color:var(--accent);box-shadow:0 0 0 4px #2ecc7126}.package-card .package-header{align-items:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;gap:var(--space-md);margin:calc(var(--space-lg)*-1) calc(var(--space-lg)*-1) var(--space-md) calc(var(--space-lg)*-1);padding:var(--space-md) var(--space-lg)}.package-card .package-header,.package-card.selected .package-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.package-card .package-header h4{color:var(--white);font-size:1.125rem;font-weight:600;margin:0}.package-badge,.package-card.selected .package-header h4{color:var(--white)}.package-badge{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.package-description{color:var(--gray-700);font-size:.875rem;margin:0 0 var(--space-md) 0}.package-pricing{border-top:1px solid var(--gray-100);display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md)}.price-tier{align-items:center;display:flex;justify-content:space-between}.tier-label{color:var(--gray-700);font-size:.8125rem}.tier-price{color:var(--primary);font-family:var(--font-mono);font-size:1.125rem;font-weight:700}.tier-price span{color:var(--gray-600);font-size:.75rem;font-weight:400}.package-check{bottom:var(--space-md);color:var(--gray-300);font-size:1.25rem;position:absolute;right:var(--space-md)}.package-card.selected .package-check{color:var(--accent)}.category-pricing-info{background:var(--gray-50);border-radius:var(--radius-lg);margin-top:var(--space-lg);padding:var(--space-lg)}.pricing-tiers{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.price-tier-card{background:var(--white);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);text-align:center}.tier-range{color:var(--gray-700);font-size:.8125rem}.tier-amount{color:var(--primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:700}.tier-amount span{color:var(--gray-600);font-size:.875rem;font-weight:400}@media (max-width:640px){.category-card{flex-wrap:wrap}.category-check{position:absolute;right:var(--space-md);top:var(--space-md)}.package-cards,.pricing-tiers{grid-template-columns:1fr}}.power-unit-input{border-top:1px solid var(--gray-100);margin-top:var(--space-xl);padding-top:var(--space-xl)}.power-unit-input h3{color:var(--gray-700);font-size:1rem;font-weight:600;margin:0 0 var(--space-lg) 0}.power-unit-control{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-lg)}.unit-input-wrapper{background:var(--gray-50);border-radius:var(--radius-lg);gap:var(--space-sm);max-width:280px;padding:var(--space-sm)}.unit-btn,.unit-input-wrapper{align-items:center;display:flex}.unit-btn{background:var(--white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--gray-600);cursor:pointer;font-size:1rem;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.unit-btn:hover:not(:disabled){background:var(--secondary);color:var(--white)}.unit-btn:disabled{cursor:not-allowed;opacity:.4}.unit-input{-moz-appearance:textfield;background:var(--white);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--gray-900);flex:1 1;font-family:var(--font-mono);font-size:1.5rem;font-weight:700;height:48px;text-align:center}.unit-input::-webkit-inner-spin-button,.unit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.unit-input:focus{box-shadow:0 0 0 3px #4a90d933;outline:none}.quick-select{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.quick-btn{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast)}.quick-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.quick-btn.active{background:var(--secondary);border-color:var(--secondary);color:var(--white)}.power-unit-summary{display:flex;flex-direction:column;gap:var(--space-md)}.summary-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-lg)}.summary-row{align-items:center;display:flex;justify-content:space-between;padding:var(--space-sm) 0}.summary-label{color:var(--gray-600);font-size:.875rem}.summary-value{color:var(--gray-800);font-family:var(--font-mono);font-size:.875rem;font-weight:600}.summary-divider{background:var(--gray-200);height:1px;margin:var(--space-sm) 0}.summary-row.total{padding-top:var(--space-md)}.summary-row.total .summary-label{color:var(--gray-800);font-weight:600}.summary-row.total .summary-value{color:var(--primary);font-size:1.25rem}.tier-indicator{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.tier-indicator.tier-1{background:var(--info-light);color:#1f618d}.tier-indicator.tier-2{background:var(--success-light);color:var(--accent-dark)}.tier-indicator i{font-size:1rem}@media (max-width:480px){.unit-input-wrapper{max-width:100%}.quick-select{justify-content:center}}.feature-selector{display:flex;flex-direction:column;gap:var(--space-lg)}.section-title{color:var(--gray-800);font-size:1rem;font-weight:600;margin:var(--space-md) 0 0 0}.section-description{color:var(--gray-700);font-size:.875rem;margin:0 0 var(--space-md) 0}.feature-package{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.feature-package.included{background:var(--success-light);border-color:var(--accent)}.feature-package .package-header{align-items:center;background:#0000;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-lg);transition:background var(--transition-fast)}.feature-package.included .package-header{background:#0000}.feature-package .package-header:hover{background:#ffffff80}.package-info{gap:var(--space-md)}.package-icon,.package-info{align-items:center;display:flex}.package-icon{border-radius:var(--radius-md);flex-shrink:0;font-size:1rem;height:44px;justify-content:center;width:44px}.package-icon.included{background:var(--accent);color:var(--white)}.feature-package .package-text h4{color:var(--gray-900);font-size:1rem;font-weight:600;margin:0 0 4px}.feature-package .package-text p{color:var(--gray-700);font-size:.8125rem;margin:0}.package-meta{align-items:center;display:flex;gap:var(--space-md)}.included-badge{border-radius:var(--radius-full);font-size:.75rem;padding:4px 12px}.package-meta i{color:var(--gray-400);transition:transform var(--transition-fast)}.package-meta i.rotated{transform:rotate(180deg)}.package-features{background:var(--white);border-top:1px solid var(--gray-200);padding:var(--space-lg)}.features-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.feature-item{align-items:center;color:var(--gray-700);font-size:.8125rem;gap:var(--space-sm)}.feature-item i{color:var(--accent);font-size:.75rem}.addon-packages{display:flex;flex-direction:column;gap:var(--space-md)}.addon-package{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.addon-package:hover{border-color:var(--gray-300)}.addon-package.selected{background:var(--success-light);border-color:var(--accent);box-shadow:0 0 0 4px #2ecc7126}.addon-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-lg)}.addon-checkbox{flex-shrink:0;height:24px;position:relative;width:24px}.addon-checkbox input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.addon-checkbox .checkmark{align-items:center;background:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--white);display:flex;font-size:.75rem;inset:0;justify-content:center;position:absolute;transition:all var(--transition-fast)}.addon-package.selected .addon-checkbox .checkmark{background:var(--accent);border-color:var(--accent)}.addon-info{flex:1 1}.addon-info h4{color:var(--gray-900);font-size:.9375rem;font-weight:600;margin:0 0 4px}.addon-info p{color:var(--gray-700);font-size:.8125rem;margin:0}.addon-pricing{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.addon-hours{color:var(--gray-700);font-size:.75rem}.addon-cost{color:var(--primary);font-family:var(--font-mono);font-size:1rem;font-weight:700}.addon-expand{align-items:center;background:var(--gray-50);border-top:1px solid var(--gray-100);color:var(--gray-700);cursor:pointer;display:flex;font-size:.8125rem;justify-content:space-between;padding:var(--space-sm) var(--space-lg)}.addon-expand:hover{background:var(--gray-100)}.addon-expand i{transition:transform var(--transition-fast)}.addon-expand i.rotated{transform:rotate(180deg)}.addon-features{background:var(--gray-50);border-top:1px solid var(--gray-100);padding:var(--space-lg)}.hours-breakdown{border-bottom:1px solid var(--gray-200);gap:var(--space-xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.hours-breakdown .hours-item{display:flex;flex-direction:column;gap:2px}.hours-breakdown .hours-label{color:var(--gray-700);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.hours-breakdown .hours-value{color:var(--gray-900);font-family:var(--font-mono);font-size:.9375rem;font-weight:600}.features-list{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.feature-row{align-items:center;display:flex;font-size:.8125rem;gap:var(--space-sm)}.feature-row.included{color:var(--gray-700)}.feature-row.excluded{color:var(--gray-400)}.feature-check{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:.625rem;height:18px;justify-content:center;width:18px}.feature-row.included .feature-check{background:var(--success-light);color:var(--accent)}.feature-row.excluded .feature-check{background:var(--gray-100);color:var(--gray-400)}@media (max-width:640px){.addon-header{flex-wrap:wrap}.addon-pricing{border-top:1px solid var(--gray-100);flex-direction:row;justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-sm);width:100%}.features-grid,.features-list{grid-template-columns:1fr}}.integrations-selector{margin-bottom:var(--space-2xl)}.integrations-selector h3{color:var(--gray-800);font-size:1rem;font-weight:600;margin:0 0 var(--space-xs) 0}.integrations-selector .section-description{color:var(--gray-700);font-size:.875rem;margin:0 0 var(--space-lg) 0}.integrations-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.integration-card{align-items:flex-start;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md);transition:all var(--transition-fast)}.integration-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.integration-card.selected{background:var(--success-light);border-color:var(--accent);box-shadow:0 0 0 4px #2ecc7126}.integration-checkbox{flex-shrink:0;height:22px;margin-top:2px;position:relative;width:22px}.integration-checkbox input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.integration-checkbox .checkmark{align-items:center;background:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius-sm);color:var(--white);display:flex;font-size:.6875rem;inset:0;justify-content:center;position:absolute;transition:all var(--transition-fast)}.integration-card.selected .integration-checkbox .checkmark{background:var(--accent);border-color:var(--accent)}.integration-info{flex:1 1;min-width:0}.integration-info h4{color:var(--gray-900);font-size:.9375rem;font-weight:600;margin:0 0 var(--space-sm) 0}.integration-details{display:flex;flex-wrap:wrap;gap:var(--space-md)}.detail-item{align-items:center;color:var(--gray-700);display:flex;font-size:.75rem;gap:var(--space-xs)}.detail-item i{color:var(--gray-600);font-size:.6875rem}.integration-pricing{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.setup-price{color:var(--gray-700);font-size:.75rem}.hours-cost{color:var(--primary);font-family:var(--font-mono);font-size:.9375rem;font-weight:600}.no-integrations{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center}.no-integrations i{color:var(--gray-300);font-size:2rem;margin-bottom:var(--space-md)}.no-integrations p{color:var(--gray-500);margin:0}@media (max-width:640px){.integrations-grid{grid-template-columns:1fr}.integration-card{flex-wrap:wrap}.integration-pricing{border-top:1px solid var(--gray-100);flex-direction:row;justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-sm);width:100%}}.addon-services{display:flex;flex-direction:column;gap:var(--space-2xl)}.service-section h3{color:var(--gray-800);font-size:1rem;font-weight:600;margin:0 0 var(--space-xs) 0}.service-section .section-description{color:var(--gray-700);font-size:.875rem;margin:0 0 var(--space-lg) 0}.support-cards{flex-direction:column}.support-card,.support-cards{display:flex;gap:var(--space-md)}.support-card{align-items:center;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;padding:var(--space-lg);transition:all var(--transition-fast)}.support-card:hover{border-color:var(--gray-300)}.support-card.selected{background:var(--success-light);border-color:var(--accent);box-shadow:0 0 0 4px #2ecc7126}.support-radio{align-items:center;border:2px solid var(--gray-300);border-radius:50%;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:all var(--transition-fast);width:22px}.support-card.selected .support-radio{border-color:var(--accent)}.radio-dot{background:#0000;border-radius:50%;height:10px;transition:all var(--transition-fast);width:10px}.radio-dot.active{background:var(--accent)}.support-info{flex:1 1}.support-info h4{color:var(--gray-900);font-size:.9375rem;font-weight:600;margin:0 0 4px}.support-info p{color:var(--gray-700);font-size:.8125rem;margin:0}.support-price{text-align:right}.support-price .price-value{color:var(--primary);font-family:var(--font-mono);font-size:1.125rem;font-weight:700}.support-price .price-period{color:var(--gray-700);font-size:.75rem;font-weight:400}.services-list{display:flex;flex-direction:column;gap:var(--space-md)}.service-item{align-items:center;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.service-item.enabled{background:var(--white);border-color:var(--accent);box-shadow:0 0 0 3px #2ecc7126}.service-toggle{align-items:center;display:flex;flex-shrink:0}.service-item .toggle{height:26px;width:48px}.service-item .toggle-slider:before{height:20px;width:20px}.service-item .toggle input:checked+.toggle-slider:before{transform:translateX(22px)}.service-info{flex:1 1;min-width:0;padding-left:var(--space-sm)}.service-info h4{color:var(--gray-800);font-size:.9375rem;font-weight:600;margin:0 0 4px}.service-note{color:var(--gray-600);display:block;font-size:.75rem;font-style:italic;margin-bottom:4px}.service-meta{align-items:center;color:var(--gray-700);display:flex;font-size:.8125rem;gap:var(--space-xs)}.estimate-badge{background:var(--warning-light);border-radius:var(--radius-full);color:#9a7b0a;display:inline-block;font-size:.6875rem;font-weight:500;padding:2px 8px}.service-quantity,.service-total{align-items:center;display:flex;gap:var(--space-sm)}.service-quantity input{border:1px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.9375rem;font-weight:600;height:36px;text-align:center;width:60px}.service-quantity input:focus{border-color:var(--secondary);outline:none}.qty-btn{align-items:center;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;display:flex;font-size:.75rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.qty-btn:hover:not(:disabled){background:var(--secondary);border-color:var(--secondary);color:var(--white)}.qty-btn:disabled{cursor:not-allowed;opacity:.4}.service-total span{color:var(--primary);font-family:var(--font-mono);font-size:.875rem;font-weight:600}.hours-inputs{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hours-input-group{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-lg)}.hours-input-group label{color:var(--gray-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:var(--space-md)}.hours-control{align-items:center;display:flex;gap:var(--space-sm)}.hours-control input{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);flex:1 1;font-family:var(--font-mono);font-size:1.125rem;font-weight:600;height:44px;text-align:center}.hours-control input:focus{border-color:var(--secondary);outline:none}.hours-control .qty-btn{height:40px;width:40px}@media (max-width:640px){.service-item{flex-wrap:wrap}.service-quantity,.service-total{border-top:1px solid var(--gray-100);justify-content:flex-end;margin-top:var(--space-sm);padding-top:var(--space-sm);width:100%}.support-card{flex-wrap:wrap}.support-price{border-top:1px solid var(--gray-100);margin-top:var(--space-sm);padding-top:var(--space-sm);text-align:left;width:100%}}.pricing-summary{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.summary-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);padding:var(--space-lg)}.summary-header h3{color:var(--white);font-size:1rem;font-weight:600;margin:0 0 var(--space-sm) 0}.summary-category{align-items:center;display:flex;font-size:.8125rem;gap:var(--space-sm);opacity:.9}.summary-category i{font-size:.75rem}.summary-body{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg)}.price-block{border-radius:var(--radius-lg);padding:var(--space-md)}.price-block.monthly{background:linear-gradient(135deg,#4a90d91a,#4a90d90d);border:1px solid #4a90d933}.price-block.onetime{background:var(--gray-50);border:1px solid var(--gray-100)}.price-label{align-items:center;color:var(--gray-700);display:flex;font-size:.8125rem;font-weight:500;gap:var(--space-sm);margin-bottom:var(--space-sm)}.price-label i{font-size:.75rem}.price-amount{align-items:baseline;display:flex;margin-bottom:var(--space-md);transition:opacity var(--transition-fast)}.price-amount.animating{opacity:.5}.price-amount .currency{color:var(--primary);font-size:1.25rem;font-weight:600;margin-right:2px}.price-amount .value{color:var(--primary);font-family:var(--font-mono);font-size:2rem;font-weight:800;line-height:1}.price-amount .period{color:var(--gray-500);font-size:.875rem;font-weight:500;margin-left:4px}.price-breakdown{border-top:1px dashed var(--gray-200);display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-sm)}.breakdown-item{color:var(--gray-700);display:flex;font-size:.75rem;justify-content:space-between}.breakdown-item span:last-child{font-family:var(--font-mono);font-weight:500}.hours-summary{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-md)}.hours-row{display:flex;gap:var(--space-lg);margin-bottom:var(--space-sm)}.hours-item{flex-direction:column;gap:2px}.pricing-summary .hours-label{color:var(--gray-800);font-size:.6875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pricing-summary .hours-value{color:var(--primary);font-family:var(--font-mono);font-size:1.25rem;font-weight:700}.hours-rate{color:var(--gray-800);font-size:.75rem}.summary-footer{background:var(--gray-50);border-top:1px solid var(--gray-100);padding:var(--space-lg)}.total-row{align-items:center;display:flex;justify-content:space-between}.total-label{color:var(--gray-700);font-size:.875rem;font-weight:600}.total-value{color:var(--primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:800;transition:opacity var(--transition-fast)}.total-value.animating{opacity:.5}.contract-options{background:var(--gray-50);border-bottom:1px solid var(--gray-100);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) var(--space-lg)}.contract-length{align-items:center;display:flex;gap:var(--space-md);justify-content:space-between}.contract-length label{color:var(--gray-700);font-size:.8125rem;font-weight:500}.contract-length select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;padding:var(--space-xs) var(--space-sm)}.contract-length select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #4a90d933;outline:none}.amortize-option{padding-top:var(--space-xs)}.checkbox-label{align-items:center;color:var(--gray-700);cursor:pointer;display:flex;font-size:.8125rem;gap:var(--space-sm)}.checkbox-label input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.checkbox-label span{-webkit-user-select:none;user-select:none}.price-block.amortized-block{opacity:.6}.price-amount.strikethrough .currency,.price-amount.strikethrough .value{color:var(--gray-500);text-decoration:line-through}.included-badge{background:var(--accent);border-radius:var(--radius-sm);color:var(--white);font-size:.625rem;font-weight:600;letter-spacing:.3px;margin-left:auto;padding:2px 6px;text-transform:uppercase}.breakdown-item.amortized{color:var(--accent);font-weight:600}.contract-info{border-top:1px dashed var(--gray-200);color:var(--gray-700);font-size:.75rem;margin-top:var(--space-sm);padding-top:var(--space-sm);text-align:center}@media (max-width:1024px){.pricing-summary{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap}.summary-header{flex:1 1 100%}.summary-body{align-items:stretch;flex:1 1;flex-direction:row;flex-wrap:wrap}.price-block{flex:1 1;min-width:150px}.hours-summary,.summary-footer{flex:1 1 100%}.price-amount .value{font-size:1.5rem}}.save-quote-modal{max-width:520px}.quote-preview{background:var(--gray-50);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-md)}.quote-number-preview{border-bottom:1px dashed var(--gray-200);flex:1 1 100%;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.quote-number-preview .quote-number{color:var(--secondary);font-family:var(--font-mono);font-size:1.125rem;letter-spacing:1px}.preview-row{display:flex;flex-direction:column;gap:2px}.preview-label{color:var(--gray-500);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.preview-value{color:var(--primary);font-family:var(--font-mono);font-size:1.25rem;font-weight:700}.save-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-row{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr}.form-label{align-items:center;display:flex;gap:var(--space-sm);justify-content:space-between}.btn-generate{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--secondary);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:var(--space-xs);padding:4px 8px;transition:all var(--transition-fast)}.btn-generate:hover{background:var(--secondary-light)}.btn-generate i{font-size:.6875rem}.access-pin-input{background:var(--gray-50);color:var(--primary);font-family:var(--font-mono);font-size:1.5rem;font-weight:700;letter-spacing:8px;text-align:center}.form-hint{align-items:center;display:flex;font-size:.75rem;gap:var(--space-sm);margin-top:var(--space-sm)}.form-hint i{color:var(--secondary)}.success-header{align-items:center;flex-direction:column;padding-top:var(--space-2xl);text-align:center}.success-icon{align-items:center;animation:scaleIn .3s ease-out;background:var(--success-light);border-radius:50%;display:flex;height:64px;justify-content:center;margin-bottom:var(--space-md);width:64px}.success-icon i{color:var(--accent);font-size:1.75rem}.success-header h3{margin:0}.success-header .modal-close{position:absolute;right:var(--space-lg);top:var(--space-lg)}.success-info{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:1fr 1fr;margin-bottom:var(--space-xl)}.info-card{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.info-label{color:var(--gray-500);display:block;font-size:.75rem;margin-bottom:4px}.info-value{color:var(--gray-800)}.info-value,.share-section h4{font-size:1rem;font-weight:600}.share-section h4{margin:0 0 var(--space-sm) 0}.share-warning{align-items:center;background:var(--warning-light);border-radius:var(--radius-md);color:#9a7b0a;display:flex;font-size:.8125rem;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md)}.share-warning i{flex-shrink:0;font-size:1rem}.share-field{margin-bottom:var(--space-md)}.share-field label{color:var(--gray-600);display:block;font-size:.8125rem;font-weight:500;margin-bottom:var(--space-sm)}.share-input-group{display:flex;gap:var(--space-sm)}.share-input-group .form-input{background:var(--gray-50);flex:1 1;font-family:var(--font-mono);font-size:.8125rem}.pin-display{font-size:1.25rem!important;font-weight:700;letter-spacing:4px;max-width:140px;text-align:center}.btn-copy{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700);font-size:.8125rem;padding:var(--space-sm) var(--space-md);white-space:nowrap}.btn-copy:hover{background:var(--gray-200)}.btn-copy.copied{background:var(--success-light);border-color:var(--accent);color:var(--accent-dark)}@media (max-width:480px){.form-row,.success-info{grid-template-columns:1fr}.share-input-group{flex-direction:column}.pin-display{max-width:100%}}.quote-builder-page{background:var(--gray-50);min-height:100vh}.quote-builder-main{padding:var(--space-xl)}.quote-builder-container{margin:0 auto;max-width:1400px}.progress-steps{gap:var(--space-2xl);justify-content:center;margin-bottom:var(--space-2xl)}.progress-steps:before{left:15%;right:15%;z-index:0}.progress-step.active .progress-step-number{box-shadow:0 4px 12px #4a90d94d}.progress-step-label{color:var(--gray-600);font-size:.8125rem;white-space:nowrap}.quote-builder-content{grid-gap:var(--space-xl);align-items:start;display:grid;gap:var(--space-xl);grid-template-columns:1fr 380px}.quote-builder-form{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);min-height:500px;padding:var(--space-xl)}.step-content{animation:fadeIn var(--transition-base) ease-out}.step-header{border-bottom:1px solid var(--gray-100);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.step-header h2{color:var(--gray-900);font-size:1.5rem;margin:0 0 var(--space-xs) 0}.step-header p{color:var(--gray-700);margin:0}.quote-builder-sidebar{position:-webkit-sticky;position:sticky;top:88px}.sidebar-actions{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.sidebar-actions .btn{flex:1 1}.review-section{display:flex;flex-direction:column;gap:var(--space-lg)}.review-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-lg)}.review-card h3{border-bottom:1px solid var(--gray-200);color:var(--gray-800);font-size:1rem;margin:0 0 var(--space-lg) 0;padding-bottom:var(--space-md)}.review-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md)}.review-item{align-items:flex-start;display:flex;gap:var(--space-md);justify-content:space-between}.review-label{color:var(--gray-700);flex-shrink:0;font-size:.875rem}.review-value{color:var(--gray-800);font-size:.875rem;font-weight:500;text-align:right}.hours-card{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white)}.hours-card h3{border-bottom-color:#fff3;color:var(--white)}.hours-breakdown{flex-direction:column}.hours-breakdown,.hours-item{display:flex;gap:var(--space-md)}.hours-icon,.hours-item{align-items:center}.hours-icon{background:#ffffff26;border-radius:var(--radius-md);display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.hours-content{display:flex;flex-direction:column}.hours-card .hours-value{color:#f5f5f5!important;font-family:var(--font-mono);font-size:1.25rem;font-weight:700}.hours-card .hours-label{color:#f5f5f5!important;font-size:.8125rem}.hours-card .hours-total{border-top:1px solid #fff3;color:#f5f5f5!important;display:flex;font-size:.875rem;justify-content:space-between;margin-top:var(--space-md);padding-top:var(--space-md)}@media (max-width:1024px){.quote-builder-content{grid-template-columns:1fr}.quote-builder-sidebar{background:var(--white);border-radius:var(--radius-xl) var(--radius-xl) 0 0;bottom:0;box-shadow:0 -4px 20px #0000001a;left:0;padding:var(--space-md);position:fixed;right:0;z-index:var(--z-sticky)}.quote-builder-form{margin-bottom:200px}}@media (max-width:768px){.quote-builder-main{padding:var(--space-md)}.quote-builder-form{padding:var(--space-lg)}.progress-steps{gap:var(--space-lg)}.progress-step-label{display:none}.step-header h2{font-size:1.25rem}.review-item{flex-direction:column;gap:var(--space-xs)}.review-value{text-align:left}}.quote-view-error,.quote-view-loading{align-items:center;background:var(--gray-50);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-xl);text-align:center}.quote-view-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--secondary);height:48px;margin-bottom:var(--space-md);width:48px}.error-icon{align-items:center;background:var(--error-light);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:var(--space-lg);width:80px}.error-icon i{color:var(--error);font-size:2rem}.quote-view-error h2{margin:0 0 var(--space-sm) 0}.quote-view-error p{color:var(--gray-500);margin:0 0 var(--space-xl) 0}.quote-view-auth{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-xl)}.auth-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:400px;overflow:hidden;width:100%}.auth-header{background:var(--gray-50);border-bottom:1px solid var(--gray-100);padding:var(--space-2xl) var(--space-xl);text-align:center}.auth-logo{align-items:center;background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);border-radius:var(--radius-lg);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-lg);width:64px}.auth-logo i{color:var(--white);font-size:1.5rem}.auth-header h2{font-size:1.5rem;margin:0 0 var(--space-sm) 0}.auth-header p{color:var(--gray-500);font-size:.9375rem;margin:0}.auth-body{padding:var(--space-2xl) var(--space-xl)}.pin-inputs{display:flex;gap:var(--space-sm);justify-content:center}.pin-inputs.shake{animation:shake .5s ease-in-out}.pin-digit{-webkit-text-security:disc;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:1.5rem;font-weight:700;height:56px;text-align:center;transition:all var(--transition-fast);width:48px}.pin-digit:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #4a90d926;outline:none}.auth-error{align-items:center;color:var(--error);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-sm);justify-content:center;margin-top:var(--space-lg)}.auth-footer{background:var(--gray-50);border-top:1px solid var(--gray-100);padding:var(--space-lg) var(--space-xl);text-align:center}.auth-footer p{color:var(--gray-500);font-size:.8125rem;margin:0}.quote-view-page{background:var(--gray-100);min-height:100vh}.quote-view-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-md) var(--space-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.quote-view-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:900px}.quote-view-header .header-logo{align-items:center;display:flex;gap:var(--space-md)}.quote-view-header .logo-icon{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-md);color:var(--white);display:flex;height:40px;justify-content:center;width:40px}.quote-view-header .logo-text h1{font-size:1.125rem;line-height:1.2;margin:0}.quote-view-header .logo-text span{color:var(--gray-500);font-size:.75rem}.header-actions{display:flex;gap:var(--space-sm)}.quote-view-main{padding:var(--space-2xl)}.quote-document{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto;max-width:800px;overflow:hidden}.doc-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);display:flex;justify-content:space-between;padding:var(--space-xl)}.doc-info{display:flex;flex-direction:column;gap:4px}.doc-label{font-size:.75rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.doc-value{font-size:1.25rem;font-weight:600}.doc-parties{grid-gap:var(--space-xl);border-bottom:1px solid var(--gray-100);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr;padding:var(--space-xl)}.party{display:flex;flex-direction:column}.party-label{color:var(--gray-500);font-size:.75rem;letter-spacing:.5px;margin-bottom:var(--space-sm);text-transform:uppercase}.party h3{font-size:1.125rem;margin:0 0 var(--space-xs) 0}.party p{color:var(--gray-600);font-size:.875rem;margin:0}.doc-section{border-bottom:1px solid var(--gray-100);padding:var(--space-xl)}.doc-section h4{color:var(--gray-500);font-size:.875rem;letter-spacing:.5px;margin:0 0 var(--space-lg) 0;text-transform:uppercase}.config-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.config-item{background:var(--gray-50);border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-md)}.config-label{color:var(--gray-600);font-size:.875rem}.config-value{color:var(--gray-900);font-size:.875rem;font-weight:600}.pricing-cards{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--space-lg)}.pricing-card{border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.pricing-card.monthly{background:linear-gradient(135deg,#4a90d91a,#4a90d90d);border:1px solid #4a90d933}.pricing-card.onetime{background:var(--gray-50);border:1px solid var(--gray-200)}.pricing-type{color:var(--gray-500);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:var(--space-sm);text-transform:uppercase}.pricing-amount{color:var(--primary);display:block;font-family:var(--font-mono);font-size:2rem;font-weight:800;margin-bottom:var(--space-xs)}.pricing-period{color:var(--gray-500);font-size:.8125rem}.total-card{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-lg);color:var(--white);display:flex;justify-content:space-between;padding:var(--space-lg)}.total-label{color:var(--white);font-size:1rem;font-weight:500}.total-amount{font-family:var(--font-mono);font-size:1.5rem;font-weight:800}.doc-footer{background:var(--gray-50);padding:var(--space-lg) var(--space-xl);text-align:center}.doc-footer p{color:var(--gray-500);font-size:.75rem;margin:0}.doc-footer p+p{margin-top:var(--space-xs)}.detail-table{border-collapse:collapse;font-size:.875rem;width:100%}.detail-table thead{background:var(--gray-100)}.detail-table th{border-bottom:2px solid var(--gray-200);color:var(--gray-600);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.detail-table td,.detail-table th{padding:var(--space-sm) var(--space-md)}.detail-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.detail-table tbody tr:hover{background:var(--gray-50)}.detail-table .text-right{text-align:right}.detail-table .total-row{background:var(--gray-50);border-top:2px solid var(--gray-200)}.detail-table .total-row td{color:var(--primary)}.status-badge{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.status-badge.included{background:var(--success-light);color:var(--accent-dark)}.status-badge.not-available{background:var(--gray-100);color:var(--gray-500)}.feature-package-block{border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-lg);overflow:hidden}.feature-package-block:last-child{margin-bottom:0}.package-header{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:var(--white);display:flex;justify-content:space-between;padding:var(--space-md)}.package-name{font-size:.9375rem;font-weight:600}.package-hours{font-size:.8125rem;opacity:.9}.package-cost{font-family:var(--font-mono);font-weight:700}.sub-table{border-radius:0;margin:0}.sub-table td{background:var(--white)}.sub-table .feature-indent{color:var(--gray-600);padding-left:var(--space-lg)}@media (max-width:768px){.quote-view-header .header-content{flex-direction:column;gap:var(--space-md)}.header-actions{justify-content:center;width:100%}.quote-view-main{padding:var(--space-md)}.doc-header{flex-direction:column;gap:var(--space-md)}.config-grid,.doc-parties,.pricing-cards{grid-template-columns:1fr}.total-card{flex-direction:column;gap:var(--space-sm);text-align:center}.pin-digit{font-size:1.25rem;height:48px;width:40px}}.app{display:flex;flex-direction:column;min-height:100vh}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:12px 24px;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-dark) 100%);box-shadow:0 4px 14px #4a90d966;color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #4a90d980;transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--white);border:2px solid var(--gray-200);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-accent{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);box-shadow:0 4px 14px #2ecc7166;color:var(--white)}.btn-accent:hover:not(:disabled){box-shadow:0 6px 20px #2ecc7180;transform:translateY(-2px)}.btn-ghost{background:#0000;color:var(--gray-600);padding:8px 16px}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.btn-danger{background:linear-gradient(135deg,var(--error) 0,#c0392b 100%);color:var(--white)}.btn-sm{font-size:.875rem;padding:8px 16px}.btn-lg{font-size:1rem;padding:16px 32px}.btn-icon{border-radius:var(--radius-md);height:40px;padding:0;width:40px}.btn-icon.btn-sm{height:32px;width:32px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-header{border-bottom:1px solid var(--gray-100)}.card-body,.card-footer,.card-header{padding:var(--space-lg)}.card-footer{background:var(--gray-50);border-top:1px solid var(--gray-100)}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-sm)}.form-input{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-800);font-size:1rem;padding:12px 16px;transition:all var(--transition-fast);width:100%}.form-input:hover{border-color:var(--gray-300)}.form-input:focus{border-color:var(--secondary);box-shadow:0 0 0 4px #4a90d91a}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--error)}.form-input.error:focus{box-shadow:0 0 0 4px #e74c3c1a}.form-error{align-items:center;color:var(--error);display:flex;gap:var(--space-xs)}.form-error,.form-hint{font-size:.8125rem;margin-top:var(--space-xs)}.form-hint{color:var(--gray-500)}.number-input-wrapper{align-items:center;display:flex;gap:var(--space-sm)}.number-input{font-family:var(--font-mono);font-weight:600;text-align:center;width:80px}.number-stepper{display:flex;flex-direction:column;gap:2px}.number-stepper button{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;display:flex;font-size:.75rem;height:20px;justify-content:center;transition:all var(--transition-fast);width:24px}.number-stepper button:hover{background:var(--gray-200);color:var(--gray-800)}.toggle{cursor:pointer;height:28px;position:relative;width:52px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:var(--gray-300);border-radius:var(--radius-full);inset:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--transition-fast)}.toggle-slider:before{background:var(--white);border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:22px;left:3px;top:3px;width:22px}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle input:focus+.toggle-slider{box-shadow:0 0 0 4px #2ecc7133}.toggle input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-primary{background:var(--primary);color:var(--white)}.badge-secondary{background:var(--secondary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:var(--accent-dark)}.badge-warning{background:var(--warning-light);color:#9a7b0a}.badge-info{background:var(--info-light);color:#1f618d}.badge-outline{background:#0000;border:1px solid}.modal-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-lg);position:fixed;z-index:var(--z-modal)}.modal{animation:scaleIn var(--transition-base) ease-out;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.modal-header h3{margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.modal-close:hover{background:var(--gray-100);color:var(--gray-800)}.modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:var(--space-xl)}.modal-footer{background:var(--gray-50);border-top:1px solid var(--gray-100);justify-content:flex-end;padding:var(--space-lg) var(--space-xl)}.modal-footer,.toast-container{display:flex;gap:var(--space-sm)}.toast-container{bottom:var(--space-xl);flex-direction:column;position:fixed;right:var(--space-xl);z-index:var(--z-toast)}.toast{align-items:flex-start;animation:slideInRight var(--transition-base) ease-out;background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;gap:var(--space-md);max-width:400px;min-width:320px;padding:var(--space-md) var(--space-lg)}.toast-icon{flex-shrink:0;font-size:1.25rem}.toast-success .toast-icon{color:var(--accent)}.toast-error .toast-icon{color:var(--error)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-content{flex:1 1}.toast-title{font-weight:600;margin-bottom:2px}.toast-message{color:var(--gray-600);font-size:.875rem}.toast-close{background:none;border:none;color:var(--gray-400);cursor:pointer;margin:-4px;padding:4px}.toast-close:hover{color:var(--gray-600)}.header{background:var(--white);border-bottom:1px solid var(--gray-100);padding:var(--space-md) var(--space-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px}.header-content,.header-logo{align-items:center;display:flex}.header-logo{gap:var(--space-md)}.header-logo img{height:36px;width:auto}.header-logo h1{color:var(--primary);font-size:1.25rem;font-weight:700;margin:0}.header-logo span{color:var(--gray-500);font-size:.875rem;font-weight:400}.header-nav{gap:var(--space-lg)}.header-nav,.header-user{align-items:center;display:flex}.header-user{background:var(--gray-50);border-radius:var(--radius-full);gap:var(--space-md);padding:var(--space-sm) var(--space-md)}.header-user-avatar{align-items:center;background:var(--secondary);border-radius:50%;color:var(--white);display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;overflow:hidden;width:36px}.header-user-avatar img{height:100%;object-fit:cover;width:100%}.header-user-info{text-align:left}.header-user-name{color:var(--gray-800);font-size:.875rem;font-weight:600}.header-user-role{color:var(--gray-500);font-size:.75rem}.progress-bar{background:var(--gray-200);border-radius:var(--radius-full);height:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,var(--secondary) 0,var(--accent) 100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow) ease-out}.progress-steps{display:flex;justify-content:space-between;margin-bottom:var(--space-xl);position:relative}.progress-steps:before{background:var(--gray-200);content:"";height:2px;left:24px;position:absolute;right:24px;top:16px}.progress-step{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm);position:relative;z-index:1}.progress-step-number{align-items:center;background:var(--white);border:2px solid var(--gray-300);border-radius:50%;color:var(--gray-500);display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.progress-step.active .progress-step-number{background:var(--secondary);border-color:var(--secondary);color:var(--white)}.progress-step.completed .progress-step-number{background:var(--accent);border-color:var(--accent);color:var(--white)}.progress-step-label{color:var(--gray-500);font-size:.75rem;font-weight:500;text-align:center}.progress-step.active .progress-step-label,.progress-step.completed .progress-step-label{color:var(--gray-800)}.price-display{font-family:var(--font-mono);font-weight:700}.price-display-large{color:var(--primary);font-size:2.5rem}.price-display-medium{font-size:1.5rem}.price-currency{font-size:.6em;font-weight:600;vertical-align:super}.price-period{color:var(--gray-500);font-size:.875rem;font-weight:400}.price-animated{animation:countUp var(--transition-fast) ease-out;display:inline-block}.feature-list{list-style:none}.feature-item{align-items:flex-start;border-bottom:1px solid var(--gray-100);display:flex;gap:var(--space-md);padding:var(--space-md) 0}.feature-item:last-child{border-bottom:none}.feature-icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.feature-icon.included{background:var(--success-light);color:var(--accent)}.feature-icon.excluded{background:var(--gray-100);color:var(--gray-400)}.feature-content{flex:1 1}.feature-name{color:var(--gray-800);font-weight:500}.feature-description{color:var(--gray-500);font-size:.875rem;margin-top:2px}.feature-hours{display:flex;font-size:.8125rem;gap:var(--space-lg);margin-top:var(--space-sm)}.feature-hours span{color:var(--gray-600)}.feature-hours strong{color:var(--primary);font-family:var(--font-mono)}.collapsible{border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--space-md);overflow:hidden}.collapsible-header{align-items:center;background:var(--gray-50);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.collapsible-header:hover{background:var(--gray-100)}.collapsible-title{align-items:center;display:flex;gap:var(--space-md)}.collapsible-title h4{font-size:1rem;margin:0}.collapsible-toggle{color:var(--gray-500);transition:transform var(--transition-fast)}.collapsible.open .collapsible-toggle{transform:rotate(180deg)}.collapsible-content{display:none;padding:var(--space-lg)}.collapsible.open .collapsible-content{animation:fadeIn var(--transition-fast) ease-out;display:block}@media (max-width:767px){.header{padding:var(--space-md)}.header-content{flex-wrap:wrap;gap:var(--space-md)}.header-logo span,.header-user-info{display:none}.modal{border-radius:var(--radius-lg);margin:var(--space-md)}.modal-body,.modal-footer,.modal-header{padding:var(--space-md)}.toast-container{bottom:var(--space-md);left:var(--space-md);right:var(--space-md)}.toast{min-width:auto;width:100%}.progress-step-label{display:none}}:root{--primary:#1e3a5f;--primary-light:#2a4a73;--primary-dark:#152c4a;--secondary:#4a90d9;--secondary-light:#6ba3e3;--secondary-dark:#3a7bc8;--accent:#2ecc71;--accent-light:#58d68d;--accent-dark:#27ae60;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--error:#e74c3c;--error-light:#fadbd8;--warning:#f39c12;--warning-light:#fcf3cf;--success:#2ecc71;--success-light:#d5f5e3;--info:#3498db;--info-light:#d6eaf8;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--font-mono:"SF Mono","Fira Code","Consolas",monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:#f8f9fa;background-color:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--font-family);font-size:1rem;line-height:1.5;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--gray-900);font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:16px;margin-bottom:var(--space-md)}a{color:#4a90d9;color:var(--secondary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#3a7bc8;color:var(--secondary-dark)}button,input,select,textarea{font-family:inherit;font-size:inherit}button:focus,input:focus,select:focus,textarea:focus{outline:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#1e3a5f;color:var(--primary)}.text-secondary{color:#4a90d9;color:var(--secondary)}.text-accent{color:#2ecc71;color:var(--accent)}.text-muted{color:#4b5563;color:var(--gray-600)}.text-error{color:#e74c3c;color:var(--error)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn ease-out .25s ease;animation:fadeIn var(--transition-base) ease-out}.animate-fadeInUp{animation:fadeInUp ease-out .25s ease;animation:fadeInUp var(--transition-base) ease-out}.animate-fadeInDown{animation:fadeInDown ease-out .25s ease;animation:fadeInDown var(--transition-base) ease-out}.animate-slideInRight{animation:slideInRight ease-out .25s ease;animation:slideInRight var(--transition-base) ease-out}.animate-slideInLeft{animation:slideInLeft ease-out .25s ease;animation:slideInLeft var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-scaleIn{animation:scaleIn ease-out .25s ease;animation:scaleIn var(--transition-base) ease-out}.app-loading{align-items:center;background:linear-gradient(135deg,#1e3a5f,#152c4a);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;color:var(--white);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top:3px solid var(--white);height:48px;margin-bottom:16px;margin-bottom:var(--space-md);width:48px}.app-loading p{font-size:1.125rem;font-weight:500;margin:0}.app-error{align-items:center;background:#f8f9fa;background:var(--gray-50);color:#1f2937;color:var(--gray-800);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:32px;padding:var(--space-xl);text-align:center}.app-error i{color:#e74c3c;color:var(--error);font-size:4rem;margin-bottom:24px;margin-bottom:var(--space-lg)}.app-error h2{margin-bottom:8px;margin-bottom:var(--space-sm)}.app-error p{color:#4b5563;color:var(--gray-600);margin:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f3f5;background:var(--gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}::selection{background:#4a90d9;background:var(--secondary);color:#fff;color:var(--white)}@media print{body{background:#fff}.no-print{display:none!important}}@media (max-width:767px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}
/*# sourceMappingURL=main.eb6046bc.css.map*/