:root{--bg-primary:#f5fcff;--bg-secondary:#fff;--bg-tertiary:#f5fcff;--bg-quaternary:#b9c1c7;--bg-hover-grey:#d1d5db;--bg-hover-grey-dark:#9ca3af;--text-primary:#000;--text-secondary:#1a1a1a;--text-tertiary:#58586b;--text-disabled:#b9c1c7;--accent-primary:#3c9ce6;--accent-hover:#1e6ba8;--accent-pressed:#1e6ba8;--accent-light:#d2f7f5;--accent-bg:#3c9ce61a;--success:#10b981;--warning:#f59e0b;--danger:#ad0009;--danger-hover:#8b0000;--info:#06b6d4;--border-primary:#b9c1c7;--border-secondary:#b9c1c7;--border-focus:#3c9ce6;--shadow-sm:0 1px 2px 0 #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;--mobile-font-size-h1:28px;--mobile-font-size-h2:22px;--mobile-font-size-h3:18px;--mobile-font-size-h4:16px;--mobile-font-size-lg:17px;--mobile-font-size-base:16px;--mobile-font-size-sm:14px;--mobile-font-size-xs:12px;--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-h4:18px;--font-size-lg:18px;--font-size-base:16px;--font-size-sm:14px;--font-size-xs:12px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--mobile-space-1:4px;--mobile-space-2:8px;--mobile-space-3:12px;--mobile-space-4:16px;--mobile-space-5:20px;--mobile-space-6:24px;--mobile-space-8:32px;--transition-fast:0.1s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--ease-out:cubic-bezier(0.0,0.0,0.2,1);--ease-in:cubic-bezier(0.4,0.0,1,1);--ease-in-out:cubic-bezier(0.4,0.0,0.2,1)}[data-theme=dark]{--bg-primary:#17171c;--bg-secondary:#1e1e23;--bg-tertiary:#222228;--bg-quaternary:#2a2a30;--bg-hover-grey:#3a3a40;--bg-hover-grey-dark:#323238;--text-primary:#f5fcff;--text-secondary:#fff;--text-tertiary:#b9c1c7;--text-disabled:#58586b;--accent-primary:#3c9ce6;--accent-hover:#1e6ba8;--accent-pressed:#1e6ba8;--accent-light:#d2f7f5;--accent-bg:#3c9ce61a;--success:#10b981;--warning:#f59e0b;--danger:#ad0009;--danger-hover:#c00;--info:#06b6d4;--border-primary:#2a2a30;--border-secondary:#58586b;--border-focus:#3c9ce6}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5fcff;background-color:var(--bg-primary);color:#000;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;line-height:var(--line-height-normal);margin:0;padding:0}h1{font-size:28px;font-size:var(--mobile-font-size-h1);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin:0 0 16px;margin:0 0 var(--mobile-space-4) 0}h2{font-size:22px;font-size:var(--mobile-font-size-h2);margin:0 0 12px;margin:0 0 var(--mobile-space-3) 0}h2,h3{font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--line-height-tight)}h3{font-size:18px;font-size:var(--mobile-font-size-h3)}h3,h4{margin:0 0 8px;margin:0 0 var(--mobile-space-2) 0}h4{font-size:16px;font-size:var(--mobile-font-size-h4);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.25;line-height:var(--line-height-tight)}p{font-size:16px;font-size:var(--mobile-font-size-base);margin:0 0 12px;margin:0 0 var(--mobile-space-3) 0}@media (min-width:768px){h1{font-size:32px;font-size:var(--font-size-h1);margin-bottom:16px;margin-bottom:var(--space-4)}h2{font-size:24px;font-size:var(--font-size-h2);margin-bottom:12px;margin-bottom:var(--space-3)}h3{font-size:20px;font-size:var(--font-size-h3)}h3,h4{margin-bottom:8px;margin-bottom:var(--space-2)}h4{font-size:18px;font-size:var(--font-size-h4)}p{font-size:16px;font-size:var(--font-size-base);margin-bottom:12px;margin-bottom:var(--space-3)}}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;font-weight:var(--font-weight-semibold);justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease;transition:all var(--transition-normal)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background-color:#3c9ce6;background-color:var(--accent-primary);border-radius:10px;color:#fff;font-size:17px;font-weight:600;font-weight:var(--font-weight-semibold);height:44px;min-width:100px;padding:0 20px;padding:0 var(--mobile-space-5);width:100%}.btn-primary:hover:not(:disabled){background-color:#1e6ba8;background-color:var(--accent-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:#1e6ba8;background-color:var(--accent-pressed);transform:translateY(0)}.btn-secondary{background-color:#f5fcff;background-color:var(--bg-tertiary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:8px;color:#000;color:var(--text-primary);font-size:15px;font-weight:500;font-weight:var(--font-weight-medium);height:40px;min-width:80px;padding:0 16px;padding:0 var(--mobile-space-4)}.btn-secondary:hover:not(:disabled){background-color:#b9c1c7;background-color:var(--bg-quaternary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background-color:#ad0009;background-color:var(--danger);border:1px solid #ad0009;border:1px solid var(--danger);border-radius:8px;color:#fff;font-size:15px;font-weight:500;font-weight:var(--font-weight-medium);height:44px;min-width:80px;padding:0 16px;padding:0 var(--mobile-space-4)}.btn-danger:hover:not(:disabled){background-color:#8b0000;background-color:var(--danger-hover);border-color:#8b0000;border-color:var(--danger-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){background-color:#8b0000;background-color:var(--danger-hover);transform:translateY(0)}.btn-icon{background-color:#f5fcff;background-color:var(--bg-tertiary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:8px;color:#000;color:var(--text-primary);height:44px;padding:0;width:44px}.btn-icon:hover:not(:disabled){background-color:#b9c1c7;background-color:var(--bg-quaternary);transform:translateY(-1px)}@media (min-width:768px){.btn-primary{border-radius:12px;font-size:16px;height:48px;min-width:120px;padding:0 24px;padding:0 var(--space-6);width:auto}.btn-danger,.btn-secondary{border-radius:8px;font-size:14px;height:40px;min-width:100px;padding:0 20px;padding:0 var(--space-5)}.btn-icon{height:40px;width:40px}}.input-field{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:10px;color:#000;color:var(--text-primary);font-family:inherit;font-size:17px;height:44px;padding:0 16px;padding:0 var(--mobile-space-4);transition:all .2s ease;transition:all var(--transition-normal);width:100%}.input-field:focus{border-color:#3c9ce6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3c9ce61a;box-shadow:0 0 0 3px var(--accent-bg);outline:none}.input-field::placeholder{color:#58586b;color:var(--text-tertiary)}.search-input{background:#fff;background:var(--bg-secondary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:18px;color:#000;color:var(--text-primary);font-size:16px;height:36px;padding-left:40px;padding-right:16px;padding-right:var(--mobile-space-4);width:100%}.search-input:focus{border-color:#3c9ce6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3c9ce61a;box-shadow:0 0 0 3px var(--accent-bg);outline:none}.search-input::placeholder{color:#58586b;color:var(--text-tertiary)}@media (min-width:768px){.input-field{padding:0 20px;padding:0 var(--space-5)}.input-field,.search-input{border-radius:12px;font-size:16px;height:48px}.search-input{padding-left:40px;padding-right:20px;padding-right:var(--space-5)}}.card{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--mobile-space-4);padding:20px;padding:var(--mobile-space-5);transition:all .3s ease;transition:all var(--transition-slow)}.card:hover{border-color:#3c9ce6;border-color:var(--accent-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card:active{transform:scale(.98);transition:transform .1s ease;transition:transform var(--transition-fast)}@media (min-width:768px){.card{border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:20px;margin-bottom:var(--space-5);padding:32px;padding:var(--space-8)}.card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}}.card-header{margin-bottom:16px;margin-bottom:var(--mobile-space-4)}.card-actions{border-top:1px solid #b9c1c7;border-top:1px solid var(--border-primary);display:flex;flex-wrap:wrap;gap:8px;gap:var(--mobile-space-2);margin-top:16px;margin-top:var(--mobile-space-4);padding-top:16px;padding-top:var(--mobile-space-4)}@media (min-width:768px){.card-header{margin-bottom:24px;margin-bottom:var(--space-6)}.card-actions{gap:12px;gap:var(--space-3);margin-top:24px;margin-top:var(--space-6);padding-top:24px;padding-top:var(--space-6)}}.quote-card{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:16px;padding:24px;position:relative;transition:all .2s ease}.quote-card:hover{border-color:#3c9ce6;border-color:var(--accent-primary);box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.window-type-select-btn{transition:all .2s ease}.window-type-select-btn:hover{border-color:#3c9ce6;border-color:var(--accent-primary);box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.quote-row-mobile{display:none}@media (min-width:769px){.quote-row-mobile{display:none}.quote-info,.quote-right{display:flex}}.quote-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.quote-row:last-child{margin-bottom:0}.quote-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.quote-name{color:#000;color:var(--text-primary);flex:1 1;font-size:18px;font-weight:600;line-height:1.25}.quote-address{font-size:14px;line-height:1.4}.quote-address,.quote-date{color:#58586b;color:var(--text-tertiary);flex:1 1}.quote-date{font-size:12px;line-height:1.3}.quote-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;justify-content:center}.quote-window-count{color:#58586b;color:var(--text-tertiary);font-size:14px;line-height:1.4}.quote-price,.quote-window-count{flex-shrink:0;text-align:right;white-space:nowrap}.quote-price{color:#000;color:var(--text-primary);font-size:20px;font-weight:700}.edit-btn,.quote-actions{align-items:center;display:flex}.edit-btn{background:#f5fcff;background:var(--bg-tertiary);border:none;border-radius:6px;color:#1a1a1a;color:var(--text-secondary);cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.edit-btn:hover{background:#3c9ce6;background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.edit-btn:focus{border-color:#3c9ce6;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3c9ce61a;box-shadow:0 0 0 3px var(--accent-bg);outline:none}.edit-btn:focus-visible{outline:2px solid #3c9ce6;outline:2px solid var(--accent-primary);outline-offset:2px}.edit-btn-wide{align-items:center;background:#f5fcff;background:var(--bg-tertiary);border:none;border-radius:6px;color:#1a1a1a;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:80px}.edit-btn-wide:hover{background:#3c9ce6;background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.edit-btn-wide:focus{box-shadow:0 0 0 3px #3c9ce61a;box-shadow:0 0 0 3px var(--accent-bg);outline:none}.edit-btn-wide:focus-visible{outline:2px solid #3c9ce6;outline:2px solid var(--accent-primary);outline-offset:2px}@media (max-width:768px){.quote-card{align-items:flex-start;border-radius:12px;flex-direction:column;margin-bottom:12px;padding:16px}.quote-info,.quote-right{display:none}.quote-row-mobile{display:block;width:100%}.quote-row{margin-bottom:6px;width:100%}.quote-row:last-child{margin-bottom:0}.quote-name{font-size:16px;font-weight:600;line-height:1.3}.quote-address{font-size:13px;line-height:1.4}.quote-address,.quote-date{color:#58586b;color:var(--text-tertiary)}.quote-date{font-size:11px}.quote-price{font-size:18px;font-weight:700}.quote-window-count{font-size:13px}.edit-btn{border-radius:8px;height:36px;width:36px}}@media (prefers-contrast:high){.quote-card{border-width:2px}.edit-btn{border:1px solid}}@media (prefers-reduced-motion:reduce){.edit-btn,.quote-card{transition:none}.quote-card:hover{transform:none}}.header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fff;background-color:var(--bg-secondary);border-bottom:1px solid #b9c1c7;border-bottom:1px solid var(--border-primary);display:flex;min-height:64px;padding:0 16px;padding:0 var(--mobile-space-4);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.main-content{margin:0 auto;max-width:1200px;padding:16px;padding:var(--mobile-space-4)}.top-bar{display:flex;flex-direction:column;gap:12px;gap:var(--mobile-space-3);margin-bottom:20px;margin-bottom:var(--mobile-space-5)}@media (max-width:767px){.header{min-height:56px;padding:8px 16px}.header .flex{flex-wrap:nowrap;gap:8px}.header h1{font-size:18px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .search-input{flex:1 1;font-size:16px;min-width:0}.header .btn-primary{font-size:14px;min-width:auto;padding:8px 12px;white-space:nowrap}.header .btn-primary .w-5{height:16px;width:16px}}@media (min-width:768px){.header{height:80px;padding:0 32px;padding:0 var(--space-8)}.main-content{padding:32px;padding:var(--space-8)}.top-bar{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8)}}.quote-grid{display:flex;flex-direction:column;gap:16px;gap:var(--mobile-space-4)}@media (min-width:1024px){.quote-grid{display:flex;flex-direction:column;gap:20px;gap:var(--space-5)}}.mobile-app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}@supports (padding:max(0px)){.header{padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:max(16px,env(safe-area-inset-top))}.main-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-app{padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))}}.touchable{-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px;touch-action:manipulation}.touchable:active{transform:scale(.96);transition:transform .1s ease;transition:transform var(--transition-fast)}@media (max-width:768px){.btn,.hamburger-button{min-height:44px;min-width:44px}.hamburger-button{padding:10px}.hamburger-item{min-height:44px;padding:16px 20px}.edit-btn,.quote-card{min-height:44px}.edit-btn{min-width:44px}.delete-btn,.form-input,.form-select,.search-input,.window-type-item{min-height:44px}.delete-btn{min-width:44px}}.focusable:focus{border-color:#3c9ce6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3c9ce61a;box-shadow:0 0 0 3px var(--accent-bg);outline:none}.focusable:focus-visible{outline:2px solid #3c9ce6;outline:2px solid var(--accent-primary);outline-offset:2px}.text-primary{color:#000;color:var(--text-primary)}.text-secondary{color:#1a1a1a;color:var(--text-secondary)}.text-tertiary{color:#58586b;color:var(--text-tertiary)}.text-disabled{color:#b9c1c7;color:var(--text-disabled)}.text-danger{color:#ad0009;color:var(--danger)}.bg-primary{background-color:#f5fcff;background-color:var(--bg-primary)}.bg-secondary{background-color:#fff;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#f5fcff;background-color:var(--bg-tertiary)}.border-primary{border-color:#b9c1c7;border-color:var(--border-primary)}.border-secondary{border-color:#b9c1c7;border-color:var(--border-secondary)}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:768px){.mobile-only{display:none}.desktop-only{display:block}}@media (max-width:768px){.fixed.inset-0{padding:16px}.fixed.inset-0 .bg-secondary,.fixed.inset-0 .card{border-radius:16px;margin:0;max-height:90vh;overflow-y:auto;width:100%}.fixed.inset-0 h3{font-size:18px;margin-bottom:16px}.fixed.inset-0 .btn{font-size:16px;height:48px}.fixed.inset-0 .space-y-2>*+*{margin-top:12px}.fixed.inset-0 .p-3{padding:12px}.fixed.inset-0 .text-sm{font-size:14px}}.hamburger-menu{display:inline-block;position:relative}.hamburger-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:space-around;padding:10px;width:40px}.hamburger-line{background-color:#000;background-color:var(--text-primary);height:3px;transform-origin:1px;transition:all .3s ease;width:28px}.hamburger-button:hover .hamburger-line{background-color:#3c9ce6;background-color:var(--accent-primary)}.hamburger-menu.open .hamburger-line:first-child{transform:rotate(45deg)}.hamburger-menu.open .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.open .hamburger-line:nth-child(3){transform:rotate(-45deg)}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.animate-slide-up{animation:slide-up .3s ease-out}.hamburger-dropdown{background-color:#fff;background-color:var(--bg-secondary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin-top:8px;min-width:240px;position:absolute;right:0;top:100%;z-index:1000}.header-actions-with-menu .hamburger-dropdown{left:0;min-width:0;min-width:auto;right:0;width:auto}.hamburger-dropdown.hidden{display:none}.hamburger-item{align-items:center;background:none;border:none;color:#000;color:var(--text-primary);cursor:pointer;display:flex;padding:16px 20px;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.hamburger-item:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.hamburger-item:last-child{border-bottom:none;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.hamburger-item:hover{background-color:#f5fcff;background-color:var(--bg-tertiary)}.hamburger-item-grey:hover{background-color:#d1d5db;background-color:var(--bg-hover-grey)}.hamburger-item svg{height:20px;margin-right:12px;width:20px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5fcff;background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:#b9c1c7;background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#58586b;background:var(--text-tertiary)}@media (max-width:768px){::-webkit-scrollbar{height:4px;width:4px}.main-content{scroll-behavior:smooth}.main-content,.quote-grid{-webkit-overflow-scrolling:touch}.min-h-screen,body{overflow-x:hidden}}.paper-form{background:#fff;background:var(--bg-secondary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:32px auto;max-width:800px;padding:48px}.form-section{margin-bottom:48px}.form-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #b9c1c7;border-bottom:2px solid var(--border-primary);color:#000;color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:24px;padding-bottom:12px}.form-group{margin-bottom:12px}.form-input-with-icon{position:relative;width:100%}.form-input-icon{color:#58586b;color:var(--text-tertiary);height:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:16px;z-index:1}.form-input-with-icon .form-input{padding-left:40px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row.single{grid-template-columns:1fr}.form-label{color:#1a1a1a;color:var(--text-secondary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{background:#f5fcff;background:var(--bg-tertiary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:8px;color:#000;color:var(--text-primary);font-size:16px;height:48px;padding:0 16px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#3c9ce6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3c9ce61a;box-shadow:0 0 0 3px var(--accent-bg);outline:none}.form-input::placeholder{color:#b9c1c7;color:var(--text-disabled)}.form-select{-webkit-appearance:none;appearance:none;background:#f5fcff;background:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:8px;color:#000;color:var(--text-primary);cursor:pointer;font-size:16px;height:48px;padding:0 40px 0 16px;transition:all .2s ease;width:100%}.form-select:focus{border-color:#3c9ce6;border-color:var(--border-focus);box-shadow:0 0 0 3px #3c9ce61a;box-shadow:0 0 0 3px var(--accent-bg);outline:none}.window-types{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.window-type-item{align-items:center;background:#f5fcff;background:var(--bg-tertiary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.window-type-item:hover{background:#3b82f60d;border-color:#3c9ce6;border-color:var(--accent-primary)}.window-type-info{flex:1 1}.window-type-name{color:#000;color:var(--text-primary);font-size:16px;font-weight:600}.window-type-details{align-items:center;display:flex;gap:16px}.quantity-input{background:#fff;background-clip:initial;-webkit-background-clip:unset;border:1px solid #b9c1c7;border:1px solid var(--border-secondary);border-radius:6px;color:#f5fcff;color:var(--bg-primary);font-size:14px;font-weight:400;height:32px;padding:0 12px;text-align:left;width:200px}.price-display{color:#000;color:var(--text-primary);font-size:16px;font-weight:700;min-width:80px;text-align:right}.delete-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#58586b;color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.delete-btn:hover{background:#ad0009;background:var(--danger);color:#fff}.add-window-btn{align-items:center;background:#0000;border:2px dashed #b9c1c7;border:2px dashed var(--border-primary);border-radius:12px;color:#58586b;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;height:48px;justify-content:center;transition:all .2s ease;width:100%}.add-window-btn:hover{background:#3c9ce61a;background:var(--accent-bg);border-color:#3c9ce6;border-color:var(--accent-primary);color:#3c9ce6;color:var(--accent-primary)}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.percentage-input{position:relative}.percentage-input:after{color:#58586b;color:var(--text-tertiary);content:"%";font-weight:500;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.percentage-input .form-input{padding-right:32px}.preview-items{display:flex;flex-direction:column;gap:12px}.preview-item{align-items:center;background:#f5fcff;background:var(--bg-tertiary);border-radius:8px;display:flex;justify-content:space-between;padding:16px}.preview-item.total{background:#3c9ce61a;background:var(--accent-bg);border:1px solid #3c9ce6;border:1px solid var(--accent-primary);font-size:18px;font-weight:700}.form-header{align-items:center;background:#fff;background:var(--bg-secondary);border-bottom:1px solid #b9c1c7;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:24px 32px}.header-title{color:#000;color:var(--text-primary);font-size:24px;font-weight:600}.header-actions{display:flex;gap:12px}.customer-type-editor-header{align-items:center;background:#fff;background:var(--bg-secondary);border-bottom:1px solid #b9c1c7;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;min-height:80px;padding:12px 16px;padding:12px var(--mobile-space-4);position:relative}.customer-type-cancel-btn{align-items:center;background:none;border:none;color:#ad0009;color:var(--danger);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s ease;transition:color var(--transition-normal)}.customer-type-cancel-btn:hover{color:#8b0000;color:var(--danger-hover)}.customer-type-header-title{align-items:center;display:flex;flex-direction:column;gap:2px;left:50%;margin:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.customer-type-header-line1{color:#1a1a1a;color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.2}.customer-type-header-line2{color:#000;color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.2}.customer-type-header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.customer-type-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;min-width:48px;transition:all .2s ease;transition:all var(--transition-normal);width:48px}.customer-type-action-btn svg{flex-shrink:0;height:16px;width:16px}.customer-type-action-btn.btn-primary{background-color:#3c9ce6;background-color:var(--accent-primary);color:#fff}.customer-type-action-btn.btn-primary svg{fill:#fff!important;stroke:#fff!important;color:#fff!important;height:16px!important;width:16px!important}.customer-type-action-btn.btn-primary:hover{background-color:#1e6ba8;background-color:var(--accent-hover)}.customer-type-action-btn.bg-danger svg{fill:#fff;stroke:#fff;color:#fff}@media (max-width:768px){.customer-type-editor-header{min-height:72px;padding:10px 16px;padding:10px var(--mobile-space-4)}.customer-type-header-line1{font-size:13px}.customer-type-header-line2{font-size:16px}.customer-type-action-btn{height:44px;min-width:44px;width:44px}.customer-type-action-btn svg{flex-shrink:0;height:16px;width:16px}.customer-type-action-btn.bg-danger svg,.customer-type-action-btn.btn-primary svg{fill:#fff!important;stroke:#fff!important;color:#fff!important;height:16px!important;width:16px!important}}.dropdown-container{position:relative}.dropdown-toggle{align-items:center;background:#f5fcff;background:var(--bg-tertiary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:8px;color:#000;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:space-between;padding:0 16px;transition:all .2s ease;width:100%}.dropdown-toggle:hover{background:#b9c1c7;background:var(--bg-quaternary)}.dropdown-toggle:focus,.dropdown-toggle:hover{border-color:#3c9ce6;border-color:var(--border-focus)}.dropdown-toggle:focus{box-shadow:0 0 0 3px #3c9ce61a;box-shadow:0 0 0 3px var(--accent-bg);outline:none}.dropdown-title{color:#000;color:var(--text-primary);font-weight:500}.dropdown-arrow{color:#58586b;color:var(--text-tertiary);transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-content{background:#fff;background:var(--bg-secondary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;max-width:100%;overflow-x:hidden;padding:20px;position:absolute;right:0;top:100%;z-index:10}@media (max-width:768px){.dropdown-content{box-sizing:border-box;max-width:100%;padding:16px}.dropdown-content .form-group{width:100%}.dropdown-content .form-input,.dropdown-content .form-select{max-width:100%;width:100%}}.folder-container{background:#f5fcff;background:var(--bg-tertiary);border:1px solid #b9c1c7;border:1px solid var(--border-primary);border-radius:12px;margin-top:16px;overflow:hidden}.folder-header{background:#b9c1c7;background:var(--bg-quaternary);border-bottom:1px solid #b9c1c7;border-bottom:1px solid var(--border-primary);padding:16px 20px}.folder-title{color:#000;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.folder-content{background:#f5fcff;background:var(--bg-tertiary);padding:20px}@media (max-width:768px){.form-row,.settings-grid{gap:16px;grid-template-columns:1fr}.window-type-details{align-items:stretch;flex-direction:column;gap:12px}.price-display{text-align:left}.paper-form{border-radius:16px;margin:12px;padding:20px}.folder-content{padding:16px}.form-input{font-size:16px;height:48px;padding:0 16px}.form-input-with-icon .form-input{padding-left:40px}.form-input-icon{height:16px;width:16px}.form-select{font-size:16px;height:48px;padding:0 16px}.quantity-input{font-size:16px;height:40px;padding:0 12px}.btn-primary{font-size:16px;height:48px;padding:0 20px}.btn-secondary{font-size:15px;height:44px;padding:0 16px}.form-section{margin-bottom:32px}.section-title{font-size:18px;margin-bottom:20px}.window-type-item{border-radius:10px;padding:12px}.window-type-name{font-size:15px;margin-bottom:4px}.preview-item{font-size:15px;padding:12px}.preview-item.total{font-size:16px;padding:16px 12px}}.bg-danger{background-color:#ad0009!important;background-color:var(--danger)!important;color:#fff!important}.bg-danger:hover{background-color:#8b0000!important;background-color:var(--danger-hover)!important}.window-type-card{box-sizing:border-box;max-width:100%;overflow-x:hidden}.window-type-edit-form{display:flex;flex-direction:column;gap:12px}.window-type-edit-row{align-items:center;box-sizing:border-box;display:flex;gap:12px;min-width:0;width:100%}.window-type-name-input{flex:1 1;min-width:0}.window-type-cost-wrapper{align-items:center;display:flex;flex:0 0 100px;min-width:80px;position:relative}.cost-dollar-sign{color:#000;color:var(--text-primary);font-weight:600;left:12px;pointer-events:none;position:absolute;z-index:1}.window-type-cost-input{padding-left:24px;width:100%}.window-type-category-select{flex:0 0 180px;max-width:200px;min-width:150px}.window-type-edit-row-buttons{justify-content:space-between}.window-type-buttons-group{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto;min-width:0}.window-type-delete-btn,.window-type-save-btn{flex:0 0 80px;min-width:80px;width:80px}.settings-content,.window-types-container{box-sizing:border-box;max-width:100%;overflow-x:hidden}@media (max-width:768px){.settings-content{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding-left:12px;padding-right:12px;width:100%}.window-type-card,.window-types-container{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.window-type-card{position:relative}.window-type-edit-form{gap:12px}.window-type-edit-row{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;width:100%}.window-type-name-input{flex:1 1;min-width:0}.window-type-cost-wrapper{flex:0 0 100px;min-width:90px}.window-type-cost-input{padding-left:24px}.window-type-category-select{flex:0 0 140px;max-width:160px;min-width:120px}.window-type-edit-row-buttons{flex-wrap:wrap;justify-content:space-between}.window-type-buttons-group{flex-shrink:0;margin-left:auto}.window-type-delete-btn,.window-type-save-btn{flex:0 0 70px;min-width:70px;width:70px}}@layer base{html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}}@layer components{.no-select{-webkit-user-select:none;user-select:none}.smooth-scroll{scroll-behavior:smooth}.touch-target{min-height:44px;min-width:44px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.btn-primary,.btn-secondary,.card,.card-dark,.focus-ring{@apply bg-gray-800 rounded-2xl shadow-lg border border-gray-700 p-6}.public-header{align-items:center;background:#f5fcff;background:var(--bg-primary,#f5fcff);display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4,16px);justify-content:space-between;left:0;padding:24px 32px;padding:var(--space-6,24px) var(--space-8,32px);position:fixed;right:0;top:0;z-index:100}.public-header__home{color:#000;color:var(--text-primary,#000);display:flex;flex-direction:column;gap:2px;text-decoration:none}.public-header__home:hover{color:#3c9ce6;color:var(--accent-primary,#3c9ce6)}.public-header__home:hover .public-header__tagline{color:#58586b;color:var(--text-tertiary,#58586b)}.public-header__brand{font-size:32px;font-size:var(--font-size-h1,32px);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:-.02em}.public-header__tagline{color:#58586b;color:var(--text-tertiary,#58586b);font-size:16px;font-size:var(--font-size-base,16px);font-weight:400}.public-header__right{align-items:center;display:flex;gap:12px;gap:var(--space-3,12px)}.auth input.input-field{padding-left:2.5rem;text-align:left}.landing__custom{margin:-25vh auto 0;max-width:1200px;min-height:100vh;padding:48px 24px;padding:var(--space-12,48px) var(--space-6,24px)}.landing__custom-headline{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;line-height:1.3;margin:0 0 32px;margin:0 0 var(--space-8,32px);text-align:center}.landing__custom-grid{grid-gap:32px;grid-gap:var(--space-8,32px);align-items:start;display:grid;gap:32px;gap:var(--space-8,32px);grid-template-columns:1fr 1px 1fr}.landing__custom-divider{background:#b9c1c7;background:var(--border-primary,#b9c1c7);min-height:400px;opacity:.4}.landing__custom-col-title{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:18px;font-size:var(--font-size-h4,18px);font-weight:600;margin:0 0 16px;margin:0 0 var(--space-4,16px)}.custom-types__window-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.custom-types__window-tile{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:1px solid #b9c1c7;border:1px solid var(--border-primary,#b9c1c7);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);display:flex;gap:12px;gap:var(--space-3,12px);padding:16px;padding:var(--space-4,16px)}.custom-types__window-tile--editing{border-color:#3c9ce6;border-color:var(--accent-primary,#3c9ce6);box-shadow:0 0 0 1px var(--accent-primary)}.custom-types__grip{color:#58586b;color:var(--text-tertiary,#58586b);flex-shrink:0;height:18px;opacity:.7;width:18px}.custom-types__window-tile-content{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--space-4,16px);justify-content:space-between;min-width:0}.custom-types__window-tile-left{flex:1 1;min-width:0}.custom-types__window-tile-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;line-height:1.25}.custom-types__window-tile-desc{color:#58586b;color:var(--text-tertiary,#58586b);font-size:14px;font-size:var(--font-size-sm,14px);margin-top:2px}.custom-types__window-tile-price{color:#3c9ce6;color:var(--accent-primary,#3c9ce6);flex-shrink:0;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;min-width:3.5em}.custom-types__window-tile-price-placeholder{opacity:0;-webkit-user-select:none;user-select:none}.custom-types__window-tile-placeholder{display:inline-block;visibility:hidden}.custom-types__cursor{animation:custom-types-cursor-blink 1s step-end infinite;background:#3c9ce6;background:var(--accent-primary,#3c9ce6);display:inline-block;height:1em;margin-left:2px;vertical-align:text-bottom;width:2px}@keyframes custom-types-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.custom-types__customer-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px);margin-bottom:24px;margin-bottom:var(--space-6,24px)}.custom-types__customer-item{align-items:center;background:#fff;background:var(--bg-secondary,#fff);border:1px solid #b9c1c7;border:1px solid var(--border-primary,#b9c1c7);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);cursor:pointer;display:flex;gap:12px;gap:var(--space-3,12px);padding:16px;padding:var(--space-4,16px);text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.custom-types__customer-item--active,.custom-types__customer-item:hover{border-color:#3c9ce6;border-color:var(--accent-primary,#3c9ce6)}.custom-types__customer-item--active{box-shadow:0 0 0 1px var(--accent-primary)}.custom-types__customer-item-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.custom-types__customer-item-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:16px;font-size:var(--font-size-base,16px);font-weight:600}.custom-types__customer-item-count{color:#58586b;color:var(--text-tertiary,#58586b);font-size:14px;font-size:var(--font-size-sm,14px)}.custom-types__chevron{color:#58586b;color:var(--text-tertiary,#58586b);flex-shrink:0;height:20px;width:20px}.custom-types__carousel{margin-top:16px;margin-top:var(--space-4,16px)}.custom-types__carousel-card{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #b9c1c7;border:1px solid var(--border-primary,#b9c1c7);border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md,0 4px 6px #0000001a);padding:24px;padding:var(--space-6,24px)}.custom-types__carousel-header{border-bottom:1px solid #b9c1c7;border-bottom:1px solid var(--border-primary,#b9c1c7);color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:20px;font-size:var(--font-size-h3,20px);font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4,16px);padding-bottom:12px;padding-bottom:var(--space-3,12px)}.custom-types__carousel-windows{display:flex;flex-direction:column;gap:12px;gap:var(--space-3,12px)}.custom-types__carousel-window-row{align-items:center;border-bottom:1px solid #b9c1c766;display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-2,8px) 0}.custom-types__carousel-window-row:last-child{border-bottom:none}.custom-types__carousel-window-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:16px;font-size:var(--font-size-base,16px)}.custom-types__carousel-window-price{color:#3c9ce6;color:var(--accent-primary,#3c9ce6);font-size:16px;font-size:var(--font-size-base,16px);font-weight:600}.custom-types__window-tile-name .typewriter-reserve{display:inline-block;position:relative}.custom-types__window-tile-name .typewriter-reserve__placeholder{visibility:hidden}.custom-types__window-tile-name .typewriter-reserve__visible{left:0;position:absolute;top:0}.custom-types__window-tile-price .typewriter-reserve{display:inline-block;position:relative}.custom-types__window-tile-price .typewriter-reserve__placeholder{visibility:hidden}.custom-types__window-tile-price .typewriter-reserve__visible{left:0;position:absolute;top:0}@media (max-width:900px){.landing__custom-grid{grid-template-columns:1fr;grid-template-rows:auto 1px auto}.landing__custom-divider{min-height:1px;width:100%}}.landing{background:linear-gradient(135deg,#f5fcff,#e8f4fc 40%,#d6eefa);background:linear-gradient(135deg,var(--bg-primary,#f5fcff) 0,#e8f4fc 40%,#d6eefa 100%);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.landing__scroll{flex:1 1;padding:24px;padding:var(--space-6,24px);padding-top:96px}.landing__hero--nucleus{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:32px 24px;padding:var(--space-8,32px) var(--space-6,24px)}.landing__hero-diagram{max-width:780px;transform:translate(-6vw,-16vh);width:100%}.squeekit-diagram{align-items:center;display:flex;justify-content:center;width:100%}.squeekit-diagram__svg{max-width:780px;overflow:visible}.landing__hero--quotes{align-items:center;display:flex;gap:32px;gap:var(--space-8,32px);justify-content:space-between;margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 0;padding:var(--space-8,32px) 0}.landing__hero-text{flex:1 1;max-width:480px}.landing__hero-headline{color:#1a1a1a;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0}.landing__hero-preview{display:flex;flex:1 1;justify-content:flex-end;max-width:420px}.landing__preview-tiles{display:flex;flex-direction:column;gap:15px;max-width:340px;width:100%}.landing__preview-tile{align-items:flex-start;animation:landing-tile-appear .5s ease-out backwards;background:#3a3a42;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:16px}@keyframes landing-tile-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.landing__preview-tile-left{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.landing__preview-tile-name{color:#fff;font-size:16px;font-weight:600;line-height:1.25}.landing__preview-tile-address{color:#9ca3af;font-size:13px;line-height:1.3}.landing__preview-tile-date{color:#9ca3af;font-size:12px;line-height:1.3}.landing__preview-tile-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.landing__preview-tile-price{color:#fff;font-size:16px;font-weight:600}.landing__preview-tile-edit{align-items:center;background:#2d2d33;border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.landing__preview-tile-edit-icon{color:#fff;height:14px;width:14px}@media (max-width:768px){.landing__hero--nucleus{min-height:80vh;padding:24px;padding:var(--space-6,24px)}.landing__hero--quotes{flex-direction:column;padding-top:24px;padding-top:var(--space-6,24px);text-align:center}.landing__hero-text{max-width:none}.landing__hero-preview{justify-content:center;max-width:none}.landing__preview-tiles{max-width:100%}}.landing__btn{border-radius:12px;display:inline-block;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:14px 24px;text-align:center;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease;transition:background-color var(--transition-normal,.2s ease),color var(--transition-normal,.2s ease),border-color var(--transition-normal,.2s ease)}.landing__btn--primary{background:#3c9ce6;background:var(--accent-primary,#3c9ce6);color:#fff}.landing__btn--primary:hover{background:#1e6ba8;background:var(--accent-hover,#1e6ba8);color:#fff}.landing__btn--secondary{background:#f0f4f8;border:1px solid #b9c1c7;color:#1a1a1a}.landing__btn--secondary:hover{background:#d1d5db;border-color:#9ca3af;color:#1a1a1a}.landing__btn--primary.landing__btn--header{background:#0000;border:none;color:#1a1a1a}.landing__btn--primary.landing__btn--header:hover{background:#0000;color:#3c9ce6;color:var(--accent-primary,#3c9ce6)}.landing__btn--secondary.landing__btn--header{background:#3c9ce6;background:var(--accent-primary,#3c9ce6);border:none;color:#fff}.landing__btn--secondary.landing__btn--header:hover{background:#1e6ba8;background:var(--accent-hover,#1e6ba8);border-color:#0000;color:#fff}.landing__btn--header{flex-shrink:0}.about-page{background:#f5fcff;background:var(--bg-primary,#f5fcff);min-height:100vh;padding-bottom:32px;padding-bottom:var(--space-8,32px);padding-top:80px}.about-page__main{margin:0 auto;max-width:960px;padding:0 32px;padding:0 var(--space-8,32px)}.about-page__title{height:0;margin:0 0 32px;margin:0 0 var(--space-8,32px);overflow:hidden}.about-page__tiles{grid-gap:24px;grid-gap:var(--space-6,24px);display:grid;gap:24px;gap:var(--space-6,24px);grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.about-page__tiles{grid-template-columns:1fr}}.about-page__tile{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #b9c1c7;border:1px solid var(--border-primary,#b9c1c7);border-radius:12px;display:flex;flex-direction:column;gap:0;overflow:hidden}.about-page__tile-text{border-radius:12px 12px 0 0;display:flex;flex-direction:column;justify-content:flex-start;min-height:126px;padding:16px 16px 8px;padding:var(--space-4,16px) var(--space-4,16px) var(--space-2,8px);text-align:center}.about-page__tile-title{color:#000;color:var(--text-primary,#000);font-size:18px;font-size:var(--font-size-h4,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);line-height:1.25;line-height:var(--line-height-tight,1.25);margin:0 0 8px;margin:0 0 var(--space-2,8px)}.about-page__tile-desc{color:#58586b;color:var(--text-tertiary,#58586b);font-size:16px;font-size:var(--font-size-base,16px);line-height:1.5;line-height:var(--line-height-normal,1.5);margin:0}.about-page__tile-image-wrap{aspect-ratio:9/19;background:#f5fcff;background:var(--bg-tertiary,#f5fcff);border-radius:12px;overflow:hidden;width:100%}.about-page__tile-image{border-radius:12px;display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.signup-page{background:#f5fcff;background:var(--bg-primary,#f5fcff);min-height:100vh;padding:24px 16px;padding:var(--space-6,24px) var(--space-4,16px);padding-top:80px}.signup-page__inner{margin:0 auto;max-width:420px}.signup-page__how{margin-bottom:32px;margin-bottom:var(--space-8,32px)}.signup-page__how-title{color:#000;color:var(--text-primary,#000);font-size:24px;font-size:var(--font-size-h2,24px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 16px;margin:0 0 var(--space-4,16px)}.signup-page__steps{list-style:none;margin:0;padding:0}.signup-page__step{display:flex;gap:16px;gap:var(--space-4,16px);margin-bottom:20px;margin-bottom:var(--space-5,20px)}.signup-page__step:last-child{margin-bottom:0}.signup-page__step-num{align-items:center;background:#3c9ce6;background:var(--accent-primary,#3c9ce6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-size:var(--font-size-sm,14px);height:28px;justify-content:center;width:28px}.signup-page__step-num,.signup-page__step-title{font-weight:600;font-weight:var(--font-weight-semibold,600)}.signup-page__step-title{color:#000;color:var(--text-primary,#000);font-size:16px;font-size:var(--font-size-base,16px);margin:0 0 2px}.signup-page__step-desc{color:#58586b;color:var(--text-tertiary,#58586b);font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.5;line-height:var(--line-height-normal,1.5);margin:0}.signup-page__form-section{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #b9c1c7;border:1px solid var(--border-primary,#b9c1c7);border-radius:12px;padding:24px;padding:var(--space-6,24px)}.signup-page__form-title{color:#000;color:var(--text-primary,#000);font-size:20px;font-size:var(--font-size-h3,20px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 16px;margin:0 0 var(--space-4,16px)}.signup-page__error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:14px;font-size:var(--font-size-sm,14px);margin-bottom:16px;margin-bottom:var(--space-4,16px);padding:12px;padding:var(--space-3,12px)}.signup-page__form{display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px)}.signup-page__field{display:flex;flex-direction:column;gap:6px}.signup-page__label{color:#000;color:var(--text-primary,#000);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;font-weight:var(--font-weight-semibold,600)}.signup-page__input-wrap{position:relative}.signup-page__input-icon{color:#58586b;color:var(--text-tertiary,#58586b);height:18px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:18px}.signup-page__input{background:#f5fcff;background:var(--bg-tertiary,#f5fcff);border:1px solid #b9c1c7;border:1px solid var(--border-primary,#b9c1c7);border-radius:10px;color:#000;color:var(--text-primary,#000);font-size:16px;font-size:var(--font-size-base,16px);padding:12px 12px 12px 40px;transition:border-color .1s ease;transition:border-color var(--transition-fast,.1s ease);width:100%}.signup-page__input:focus{border-color:#3c9ce6;border-color:var(--border-focus,#3c9ce6);outline:none}.signup-page__hint,.signup-page__input::placeholder{color:#58586b;color:var(--text-tertiary,#58586b)}.signup-page__hint{font-size:12px;font-size:var(--font-size-xs,12px);margin:0}.signup-page__submit{align-items:center;background:#3c9ce6;background:var(--accent-primary,#3c9ce6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;font-weight:var(--font-weight-semibold,600);gap:8px;justify-content:center;margin-top:8px;margin-top:var(--space-2,8px);padding:14px 24px;transition:background-color .2s ease;transition:background-color var(--transition-normal,.2s ease);width:100%}.signup-page__submit:hover:not(:disabled){background:#1e6ba8;background:var(--accent-hover,#1e6ba8)}.signup-page__submit:disabled{cursor:not-allowed;opacity:.6}.signup-page__spinner,.signup-page__submit-icon{height:20px;width:20px}.signup-page__spinner{animation:signup-page-spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff}@keyframes signup-page-spin{to{transform:rotate(1turn)}}.signup-page__signin{color:#58586b;color:var(--text-tertiary,#58586b);font-size:14px;font-size:var(--font-size-sm,14px);margin:16px 0 0;margin:var(--space-4,16px) 0 0;text-align:center}.signup-page__link{color:#3c9ce6;color:var(--accent-primary,#3c9ce6);font-weight:600;font-weight:var(--font-weight-semibold,600);text-decoration:none}.signup-page__link:hover{text-decoration:underline}.onboarding{background:linear-gradient(160deg,#f5fcff,#e8f4fc 35%,#d4e8f5 70%,#c5dcee);background:linear-gradient(160deg,var(--bg-primary,#f5fcff) 0,#e8f4fc 35%,#d4e8f5 70%,#c5dcee 100%);display:flex;flex-direction:column;min-height:100vh;padding:60px 0 0}[data-theme=dark] .onboarding{background:linear-gradient(160deg,#17171c,#1a1d24 35%,#1e222a 70%,#252a34);background:linear-gradient(160deg,var(--bg-primary,#17171c) 0,#1a1d24 35%,#1e222a 70%,#252a34 100%)}.onboarding__progress{background:var(--bg-tertiary);height:4px;overflow:hidden;width:100%}.onboarding__progress-fill{background:var(--accent-primary);border-radius:0 4px 4px 0;height:100%;transition:width .4s var(--ease-out)}.onboarding__content{flex:1 1;margin:0 auto;max-width:480px;padding:var(--space-6) var(--space-4);width:100%}.onboarding__step{animation:onboarding-fade .4s ease-out}.onboarding__step--fade{opacity:1}.onboarding__step--center{align-items:center;display:flex;flex-direction:column;text-align:center}@keyframes onboarding-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.onboarding__title{color:var(--text-primary);font-size:var(--mobile-font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-3)}.onboarding__subtitle{color:var(--text-tertiary);font-size:var(--mobile-font-size-base);line-height:var(--line-height-normal);margin:0 0 var(--space-6)}.onboarding__form{display:flex;flex-direction:column;gap:var(--space-5)}.onboarding__field{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding__field label{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--mobile-font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2)}.onboarding__icon{color:var(--text-tertiary);height:18px;width:18px}.onboarding__field input{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);font-size:var(--mobile-font-size-base);height:48px;padding:0 var(--space-4);transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.onboarding__field input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-bg);outline:none}.onboarding__field input::placeholder{color:var(--text-disabled)}.onboarding__field--inline{margin-top:var(--space-4)}.onboarding__field--inline input{max-width:280px}.onboarding__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.onboarding__chips--primary{margin-top:var(--space-2)}.onboarding__chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:var(--mobile-font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.onboarding__chip--selected,.onboarding__chip:hover{background:var(--accent-bg);border-color:var(--accent-primary)}.onboarding__chip--selected{color:var(--accent-primary)}.onboarding__chip--primary{justify-content:center;min-width:120px}.onboarding__chip-check{flex-shrink:0;height:18px;width:18px}.onboarding__label{color:var(--text-secondary);font-size:var(--mobile-font-size-sm);font-weight:var(--font-weight-medium);margin:var(--space-4) 0 var(--space-2)}.onboarding__label--spaced{margin-top:var(--space-8)}.onboarding__label--large{font-size:var(--mobile-font-size-lg)}.onboarding__subtitle--center,.onboarding__title--center{text-align:center}.onboarding__subtitle--align-tiles{margin-left:0;margin-right:0;text-align:left}.typewriter-reserve{position:relative}.typewriter-reserve__placeholder{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.typewriter-reserve__visible{display:block;left:0;position:absolute;right:0;text-align:inherit;top:0;z-index:1}.onboarding__window-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.onboarding__window-section{margin-bottom:var(--space-4)}.onboarding__window-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:var(--space-2);justify-content:space-between;padding:var(--space-4)}.onboarding__window-name{color:var(--text-primary);font-size:var(--mobile-font-size-base);font-weight:var(--font-weight-medium)}.onboarding__window-price{align-items:center;display:flex;gap:2px}.onboarding__dollar{color:var(--text-tertiary);font-size:var(--mobile-font-size-base)}.onboarding__window-price input{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:var(--mobile-font-size-base);height:40px;padding:0 var(--space-2);text-align:right;width:80px}.onboarding__window-price input:focus{border-color:var(--border-focus);outline:none}.onboarding__window-price-input::-webkit-inner-spin-button,.onboarding__window-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.onboarding__window-price-input{-moz-appearance:textfield}.onboarding__window-delete{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;height:36px;justify-content:center;min-width:36px;transition:all var(--transition-normal);width:36px}.onboarding__window-delete:hover{background:var(--danger);color:#fff}.onboarding__window-delete-icon{height:18px;width:18px}.onboarding__window-right{align-items:center;display:flex;gap:var(--space-3)}.onboarding__add-window{display:flex;gap:var(--space-2)}.onboarding__add-window input{background:#0000;border:1px dashed var(--border-primary);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:var(--mobile-font-size-base);height:44px;padding:0 var(--space-4)}.onboarding__add-window input:focus{border-color:var(--accent-primary);outline:none}.onboarding__add-btn{align-items:center;background:var(--accent-bg);border:1px solid var(--accent-primary);border-radius:10px;color:var(--accent-primary);cursor:pointer;display:flex;font-size:var(--mobile-font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:0 var(--space-4);transition:all var(--transition-normal)}.onboarding__add-btn:hover{background:var(--accent-primary);color:#fff}.onboarding__add-icon{height:16px;width:16px}.onboarding__animation{margin:var(--space-6) 0}.onboarding__animation-quote{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md);margin:0 auto;max-width:320px;padding:var(--space-5)}.onboarding__animation-header{align-items:center;border-bottom:1px solid var(--border-primary);color:var(--text-primary);display:flex;font-weight:var(--font-weight-semibold);justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.onboarding__animation-ct{color:var(--accent-primary);font-size:var(--mobile-font-size-sm);font-weight:var(--font-weight-medium)}.onboarding__animation-line{align-items:center;display:flex;justify-content:space-between;opacity:0;padding:var(--space-3) 0;transform:translateY(-8px);transition:opacity .5s ease,transform .5s ease}.onboarding__animation-line--added{border-top:1px solid var(--border-primary)}.onboarding__animation-line--visible{opacity:1;transform:translateY(0)}.onboarding__animation-wt{color:var(--text-primary);font-size:var(--mobile-font-size-base)}.onboarding__animation-count{color:var(--text-tertiary);font-size:var(--mobile-font-size-base)}.onboarding__animation-price{color:var(--accent-primary);font-size:var(--mobile-font-size-base);font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}.onboarding__animation-msg{color:var(--text-secondary);font-size:var(--mobile-font-size-base);line-height:var(--line-height-relaxed);margin:0;max-width:340px}.onboarding__animation-msg--top{margin-bottom:var(--space-6);max-width:100%}.onboarding__animation-msg strong{color:var(--accent-primary)}.onboarding__quote-preview{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-md);padding:var(--space-5)}.onboarding__quote-preview-header{border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.onboarding__quote-preview-customer{color:var(--text-primary);font-size:var(--mobile-font-size-h3);font-weight:var(--font-weight-semibold)}.onboarding__quote-preview-address{color:var(--text-tertiary);font-size:var(--mobile-font-size-base);margin-top:var(--space-1)}.onboarding__quote-preview .section-title{margin-bottom:var(--space-4)}.onboarding__preview-structure{background:#00000008;border:1px solid #0000001a;border-radius:12px;margin-bottom:var(--space-4);padding:var(--space-4)}[data-theme=dark] .onboarding__preview-structure{background:#ffffff08;border-color:#ffffff1a}.onboarding__preview-structure .preview-item{margin-bottom:0}.onboarding__preview-structure .preview-item.font-medium{font-weight:var(--font-weight-medium)}.onboarding__preview-structure .preview-item.mb-2{margin-bottom:var(--space-2)}.onboarding__preview-structure .preview-item.pl-2{padding-left:calc(var(--space-2) + 16px)}.onboarding__preview-structure .preview-item.text-tertiary{color:var(--text-tertiary)}.onboarding__preview-border-t{border-top:1px solid var(--border-primary);margin-top:var(--space-2);padding-top:var(--space-2)}.onboarding__quote-preview--compact{max-height:60vh;overflow-y:auto;padding:var(--space-3)}.onboarding__quote-preview--compact .onboarding__quote-preview-header{margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.onboarding__quote-preview--compact .onboarding__quote-preview-customer{font-size:var(--mobile-font-size-h4)}.onboarding__quote-preview--compact .onboarding__quote-preview-address{font-size:var(--mobile-font-size-xs)}.onboarding__preview-title{font-size:var(--mobile-font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.onboarding__preview-table-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding__preview-structure--compact{margin-bottom:0;padding:var(--space-2)}.onboarding__preview-structure-header{align-items:center;color:var(--text-primary);display:flex;font-size:var(--mobile-font-size-sm);font-weight:var(--font-weight-semibold);justify-content:space-between;margin-bottom:var(--space-1);padding-bottom:2px}.onboarding__preview-line-items{display:flex;flex-direction:column;gap:2px}.onboarding__preview-line-header{grid-gap:var(--space-2);color:var(--text-tertiary);display:grid;font-size:10px;font-weight:var(--font-weight-semibold);gap:var(--space-2);grid-template-columns:1fr 32px 48px 56px;letter-spacing:.03em;margin-bottom:var(--space-1);padding-left:var(--space-2);text-transform:uppercase}.onboarding__preview-line-header span:nth-child(2){text-align:center}.onboarding__preview-line-header span:nth-child(3),.onboarding__preview-line-header span:nth-child(4){text-align:right}.onboarding__preview-line-item{grid-gap:var(--space-2);color:var(--text-tertiary);display:grid;font-size:11px;gap:var(--space-2);grid-template-columns:1fr 32px 48px 56px;padding:2px 0 2px var(--space-2)}.onboarding__preview-line-item span:nth-child(2){text-align:center}.onboarding__preview-line-item span:nth-child(3),.onboarding__preview-line-item span:nth-child(4){color:var(--text-primary);font-weight:var(--font-weight-medium);text-align:right}.onboarding__preview-line-item span:nth-child(4){font-weight:var(--font-weight-semibold)}.onboarding__preview-summary{border-top:1px solid var(--border-primary);margin-top:var(--space-2);padding-top:var(--space-2)}.onboarding__preview-summary-row{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;justify-content:space-between;padding:1px 0}.onboarding__preview-summary-row--total{border-top:1px solid var(--border-primary);color:var(--text-primary);font-size:var(--mobile-font-size-sm);font-weight:var(--font-weight-bold);margin-top:var(--space-1);padding-top:var(--space-1)}.onboarding__feature-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-top:var(--space-4)}.onboarding__feature-card{animation:onboarding-feature-appear .4s ease-out;animation-fill-mode:both;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}@keyframes onboarding-feature-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding__feature-card-desc{color:var(--text-tertiary);font-size:var(--mobile-font-size-xs);line-height:1.4;margin:0}.onboarding__settings-preview{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-8)}.onboarding__settings-icon{color:var(--accent-primary);height:48px;width:48px}.onboarding__settings-preview p{color:var(--text-secondary);font-size:var(--mobile-font-size-base);margin:0}.onboarding__jobber-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-6);max-width:280px;width:100%}.onboarding__feature-desc{color:var(--text-secondary);font-size:var(--mobile-font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6)}.onboarding__feature-visual{min-height:120px}.onboarding__feature-mock{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;display:flex;justify-content:center;min-height:140px;padding:var(--space-6)}.onboarding__feature-highlight{align-items:center;background:var(--accent-bg);border:2px solid var(--accent-primary);border-radius:12px;color:var(--accent-primary);display:inline-flex;font-size:var(--mobile-font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-4) var(--space-5)}.onboarding__feature-highlight svg{height:20px;width:20px}.onboarding__btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:var(--mobile-font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-5);transition:all var(--transition-normal)}.onboarding__btn:disabled{cursor:not-allowed;opacity:.6}.onboarding__btn--primary{background:var(--accent-primary);color:#fff}.onboarding__btn--primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.onboarding__btn--secondary{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.onboarding__btn--secondary:hover{background:var(--bg-quaternary)}.onboarding__btn--ghost{background:#0000;color:var(--text-tertiary)}.onboarding__btn--ghost:hover{color:var(--text-primary)}.onboarding__btn-arrow,.onboarding__btn-icon{height:18px;width:18px}.onboarding__footer{align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-primary);display:flex;padding:var(--space-5) var(--space-4);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.onboarding__footer-spacer{flex:1 1}.onboarding__footer .onboarding__btn--primary{min-width:140px}@media (min-width:768px){.onboarding{padding-top:72px}.onboarding__content{padding:var(--space-8) var(--space-6)}.onboarding__title{font-size:var(--font-size-h1)}.onboarding__subtitle{font-size:var(--font-size-base)}}
/*# sourceMappingURL=main.9bb42447.css.map*/