*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.hidden{display:none!important}html{overflow-x:hidden}body{overflow-x:hidden;max-width:100vw}input,textarea,select,button{font-family:inherit;font-size:inherit}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #dbeafe;--danger: #dc2626;--danger-light: #fee2e2;--success: #16a34a;--success-light: #dcfce7;--amber: #d97706;--amber-light: #fef3c7;--gold: #b45309;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05)}body{font-family:Outfit,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#eff6ff,#f0fdf4);min-height:100vh;color:var(--gray-800)}.setup-banner{background:#fef9c3;border-bottom:1px solid #fde047;padding:10px 16px;text-align:center;font-size:.8125rem;color:#854d0e;line-height:1.5}.setup-banner a{color:#1d4ed8;text-decoration:underline}.setup-banner.hidden{display:none}.topnav{background:#fff;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow);position:sticky;top:0;z-index:100;padding:0 16px}.topnav-inner{max-width:680px;margin:0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--gray-900);font-weight:700;font-size:.9375rem;flex-shrink:0}.nav-brand-icon{width:32px;height:32px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-right{display:flex;align-items:center;gap:8px}.nav-avatar{width:30px;height:30px;border-radius:50%;border:2px solid var(--gray-200);object-fit:cover;flex-shrink:0}.nav-avatar-placeholder{width:30px;height:30px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.badge-login{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:99px;letter-spacing:.06em}.badge-pro{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:99px;letter-spacing:.06em}.badge-free{background:var(--gray-200);color:var(--gray-600);font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:99px;letter-spacing:.06em}.nav-username{font-size:.8125rem;color:var(--gray-600);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-btn{padding:6px 14px;border-radius:7px;font-size:.8125rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,transform .07s;white-space:nowrap}.nav-btn:active{transform:scale(.96)}.nav-btn-primary{background:var(--primary);color:#fff}.nav-btn-primary:hover{background:var(--primary-dark)}.nav-btn-ghost{background:var(--gray-100);color:var(--gray-600)}.nav-btn-ghost:hover{background:var(--gray-200)}.btn-theme-toggle{background:none;border:none;cursor:pointer;font-size:1.1rem;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--gray-600);transition:background .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0}.btn-theme-toggle:hover{background:var(--gray-100)}.btn-theme-toggle:active{transform:scale(.92)}.nav-btn-home{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:7px;background:var(--primary-light);color:var(--primary);text-decoration:none;font-size:.8125rem;font-weight:700;transition:all .15s;border:1px solid #bfdbfe;white-space:nowrap}.nav-btn-home:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md)}.nav-btn-home:active{transform:translateY(0)}.btn-records{display:none;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;background:var(--amber-light);color:var(--amber);border:1.5px solid #fcd34d;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-records.visible{display:inline-flex}.btn-records:hover{background:#fde68a}.btn-estimates-nav{display:none;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;background:#dcfce7;color:#15803d;border:1.5px solid #86efac;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-estimates-nav.visible{display:inline-flex}.btn-estimates-nav:hover{background:#bbf7d0}.nav-loading{width:8px;height:8px;border-radius:50%;background:var(--gray-300);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.container{max-width:680px;margin:0 auto;padding:24px 16px 100px}.crosslink-banner{display:none;align-items:center;gap:12px;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);color:#fff;text-decoration:none;padding:13px 16px;border-radius:10px;margin-top:16px;transition:opacity .15s,transform .15s;border:none;cursor:pointer}#results.visible .crosslink-banner{display:flex}.crosslink-banner:hover{opacity:.88;transform:translateY(-1px)}.crosslink-banner:active{transform:translateY(0);opacity:.8}.crosslink-banner-icon{font-size:1.5rem;flex-shrink:0}.crosslink-banner-text{flex:1;line-height:1.45}.crosslink-banner-text strong{display:block;font-size:.875rem;font-weight:700}.crosslink-banner-text span{font-size:.775rem;opacity:.82}html.dark .crosslink-banner{background:linear-gradient(135deg,#1e3a5f,#1e40af)}.promo-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #93c5fd;border-radius:var(--radius);padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.promo-banner.hidden{display:none}.promo-text{font-size:.8125rem;color:var(--primary-dark);font-weight:500;line-height:1.4}.promo-text strong{font-weight:700}.btn-promo{flex-shrink:0;padding:7px 14px;background:var(--primary);color:#fff;border:none;border-radius:7px;font-size:.8125rem;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #2563eb4d}.btn-promo:hover{filter:brightness(1.07)}.header{text-align:center;margin-bottom:24px}.header-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--primary);border-radius:13px;margin-bottom:10px;box-shadow:var(--shadow-md)}.header h1{font-size:1.4rem;font-weight:700;color:var(--gray-900);letter-spacing:-.02em}.header p{margin-top:4px;font-size:.875rem;color:var(--gray-500)}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-bottom:10px}.rows-wrapper{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.row-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);transition:border-color .15s}.row-card:focus-within{border-color:var(--primary)}.row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.row-header-btns{display:flex;align-items:center;gap:2px}.row-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;border-radius:50%}.btn-duplicate{background:none;border:none;cursor:pointer;color:var(--gray-400);padding:8px;border-radius:8px;display:flex;align-items:center;min-width:36px;min-height:36px;justify-content:center;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}.btn-duplicate:hover{color:var(--primary);background:var(--primary-light)}.btn-duplicate:active{transform:scale(.92)}.btn-remove{background:none;border:none;cursor:pointer;color:var(--gray-500);padding:8px;border-radius:8px;display:flex;align-items:center;transition:color .15s,background .15s;min-width:48px;min-height:48px;justify-content:center;-webkit-tap-highlight-color:transparent}.btn-remove:hover{color:var(--danger);background:var(--danger-light)}.btn-remove:active{transform:scale(.92)}.dim-group{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:12px}.dim-sep{font-size:1.2rem;color:var(--gray-400);text-align:center;font-weight:300}.input-wrap{position:relative}.input-wrap input{width:100%;padding:13px 38px 13px 14px;border:1.5px solid var(--gray-300);border-radius:8px;font-size:1rem;color:var(--gray-800);outline:none;transition:border-color .15s,box-shadow .15s;background:var(--gray-50);-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:48px}.input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26;background:#fff}.input-unit{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.75rem;color:var(--gray-500);pointer-events:none}.input-label{font-size:.75rem;color:var(--gray-500);margin-bottom:4px}.material-group label{font-size:.75rem;color:var(--gray-500);display:block;margin-bottom:4px}.btn-material-pick{width:100%;display:flex;align-items:center;justify-content:space-between;padding:13px 16px;gap:10px;min-height:52px;background:var(--gray-50);border:1.5px solid var(--gray-300);border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent}.btn-material-pick:hover{border-color:var(--primary);background:#fff}.btn-material-pick:active{transform:scale(.985);background:var(--primary-light);border-color:var(--primary)}.mpick-left{flex:1;min-width:0}.mpick-name{font-size:.9375rem;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpick-spec{font-size:.75rem;color:var(--gray-500);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpick-chevron{flex-shrink:0;color:var(--gray-400)}.custom-size{display:none;margin-top:10px}.custom-size.visible{display:block}.custom-size-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.custom-size-label{font-size:.75rem;color:var(--gray-500);margin-bottom:4px}.custom-loss-row{margin-top:8px}.loss-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.btn-loss-default{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--primary);padding:2px 4px;border-radius:4px;text-decoration:underline;transition:color .12s}.btn-loss-default:hover{color:var(--primary-dark)}.btn-loss-default.hidden{display:none}.row-error{display:none;margin-top:8px;padding:7px 10px;background:var(--danger-light);border-radius:6px;font-size:.8125rem;color:var(--danger)}.row-error.visible{display:block}.actions-row{display:flex;gap:10px;margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 20px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:background .15s,box-shadow .15s,transform .07s;outline:none;white-space:nowrap;min-height:48px;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.96)}.btn-add{background:var(--primary-light);color:var(--primary);border:1.5px dashed var(--primary);flex:1}.btn-add:hover{background:#bfdbfe}.btn-calc{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);font-size:1.0625rem;padding:15px 20px}.btn-calc:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg)}.btn-calc-cta{padding:17px 20px;font-size:1.125rem;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 14px #2563eb59;transition:transform .1s,box-shadow .1s}.btn-calc-cta:active{transform:scale(.98);box-shadow:0 2px 8px #2563eb40}.calc-btn-row{display:flex;gap:10px;margin-bottom:0;align-items:stretch}.calc-btn-row .btn-calc-cta{flex:1;margin-bottom:0}.calc-btn-row-est{margin-top:8px;margin-bottom:24px}.calc-btn-row-est .btn-est-standalone{width:100%;padding:12px 20px;justify-content:center}.calc-hint-text{font-size:.75rem;color:var(--gray-400);text-align:center;padding:6px 0 2px;transition:opacity .2s}.calc-hint-text.hidden{display:none}.result-section{margin-top:14px;padding-top:12px;border-top:1.5px dashed var(--gray-200)}.result-section-label{display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.qty-result-input{background:var(--gray-50)!important;color:var(--gray-400)!important;cursor:not-allowed;font-size:.95rem}.qty-result-input.filled{background:var(--primary-light)!important;color:var(--primary-dark)!important;font-weight:700}.qty-direct-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #2563eb26!important}.btn-est-standalone{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 18px;border-radius:10px;background:#f0fdf4;color:#15803d;border:1.5px solid #86efac;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-est-standalone:hover{background:#dcfce7}.btn-reset{background:var(--gray-100);color:var(--gray-600);border:1.5px solid var(--gray-200)}.btn-reset:hover{background:var(--gray-200)}#results{display:none}#results.visible{display:block}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.results-header-left{display:flex;align-items:center;gap:8px}.results-header h2{font-size:1rem;font-weight:700;color:var(--gray-800)}.results-badge{background:var(--success);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:99px}.results-actions{display:flex;gap:8px}.btn-share{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;background:var(--success-light);color:var(--success);border:1.5px solid #86efac;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-share:hover{background:#bbf7d0}.btn-save-site{display:none;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;background:var(--amber-light);color:var(--amber);border:1.5px solid #fcd34d;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-save-site.visible{display:inline-flex}.btn-save-site:hover{background:#fde68a}.btn-pdf-export{display:none;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;background:#ede9fe;color:#7c3aed;border:1.5px solid #c4b5fd;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-pdf-export.visible{display:inline-flex}.btn-pdf-export:hover{background:#ddd6fe}.btn-estimate{display:none;align-items:center;gap:5px;padding:7px 14px;border-radius:7px;background:#dcfce7;color:#15803d;border:1.5px solid #86efac;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-estimate.visible{display:inline-flex}.btn-estimate:hover{background:#bbf7d0}.est-section-header{font-size:.8125rem;font-weight:700;color:#1e40af;letter-spacing:.04em;margin:14px 0 8px}.est-section-divider{border:none;border-top:1px solid var(--border);margin:12px 0}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.est-add-labor{font-size:.75rem;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;padding:4px 10px;cursor:pointer;transition:background .15s}.est-add-labor:hover{background:#dbeafe}.est-labor-empty{font-size:.8125rem;color:var(--muted);padding:10px 0 4px;text-align:center}.est-labor-row{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.est-labor-main{display:flex;align-items:center;gap:8px}.est-labor-name-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.est-labor-name{width:100%}.est-labor-custom-input{font-size:.8125rem!important}.est-labor-memo-input{font-size:.75rem!important;color:var(--text-secondary);border-color:transparent;background:var(--bg);padding-top:4px;padding-bottom:4px}.est-labor-memo-input:focus{border-color:var(--primary);background:var(--surface);color:var(--text-primary)}.est-labor-memo-input::placeholder{color:var(--text-secondary);opacity:.65}.est-labor-del{flex-shrink:0;width:28px;height:28px;border-radius:5px;background:#fee2e2;color:#dc2626;border:none;font-size:.875rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.est-labor-del:hover{background:#fecaca}.est-labor-calc{display:flex;align-items:center;gap:4px;flex:1;flex-wrap:wrap}.est-labor-x,.est-labor-eq{font-size:.875rem;font-weight:700;color:var(--muted);flex-shrink:0}.est-labor-amt{font-size:.875rem;font-weight:700;color:#2563eb;min-width:70px;text-align:right;flex-shrink:0}.est-labor-amt.negative{color:#ef4444}.est-labor-qty-wrap{flex:0 0 90px;min-width:80px}.est-labor-up-wrap{flex:0 0 130px;min-width:110px}.btn-profile-always{display:inline-flex;align-items:center;gap:5px;padding:7px 13px;border-radius:7px;background:#f0fdf4;color:#15803d;border:1.5px solid #86efac;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.btn-profile-always:hover{background:#dcfce7}.est-profile-link{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;padding:3px 9px;cursor:pointer;transition:background .15s}.est-profile-link:hover{background:#dbeafe}.sig-upload-area{display:flex;align-items:center;gap:14px;padding:12px;border:1.5px dashed var(--border);border-radius:8px;background:var(--surface)}.sig-preview-wrap{flex:0 0 auto;width:180px;height:80px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.sig-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:.75rem}.sig-btns{display:flex;flex-direction:column;gap:6px}.btn-sig-upload{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:6px;cursor:pointer;background:#eff6ff;color:#2563eb;border:1.5px solid #bfdbfe;font-size:.8125rem;font-weight:600;transition:background .15s;white-space:nowrap}.btn-sig-upload:hover{background:#dbeafe}.btn-sig-clear{padding:6px 14px;border-radius:6px;cursor:pointer;background:#fef2f2;color:#dc2626;border:1.5px solid #fecaca;font-size:.8125rem;font-weight:600;transition:background .15s}.btn-sig-clear:hover{background:#fee2e2}.sig-upload-note{font-size:.75rem;color:var(--muted);margin-top:6px}.pdf-info-note{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--gray-500);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;padding:8px 10px;margin-bottom:10px}.btn-pdf-record{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:3px 9px;border-radius:5px;background:#ede9fe;color:#7c3aed;border:none;cursor:pointer;font-weight:600;transition:background .12s}.btn-pdf-record:hover{background:#ddd6fe}.result-cards{display:flex;flex-direction:column;gap:12px}.result-card{background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.rc-header{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.rc-num{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rc-name{font-size:.9375rem;font-weight:700;color:var(--gray-900)}.rc-info-grid{display:flex;border-bottom:1px solid var(--gray-100)}.rc-info-item{flex:1;padding:8px 14px;border-right:1px solid var(--gray-100)}.rc-info-item:last-child{border-right:none}.rc-info-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-400);margin-bottom:2px}.rc-info-val{font-size:.8125rem;font-weight:600;color:var(--gray-800)}.rc-qty-section{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--gray-100)}.rc-qty-main{display:flex;align-items:baseline;gap:4px}.rc-qty-num{font-size:2rem;font-weight:800;color:var(--primary);line-height:1}.rc-qty-unit{font-size:.875rem;color:var(--gray-500);font-weight:500}.rc-qty-box{font-size:.75rem;color:var(--gray-500);background:var(--gray-100);border-radius:99px;padding:3px 10px;white-space:nowrap}.rc-price-section{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:10px;background:#fafbff}.rc-price-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.rc-price-label{font-size:.75rem;color:var(--gray-500);white-space:nowrap;flex-shrink:0}.rc-price-input-group{display:flex;align-items:center;background:#fff;border:1.5px solid var(--gray-200);border-radius:7px;overflow:hidden;flex:1;min-width:0;transition:border-color .15s}.rc-price-input-group:focus-within{border-color:var(--primary)}.rc-price-input{flex:1;min-width:0;padding:6px 6px 6px 10px;border:none;background:transparent;font-size:.875rem;font-weight:600;color:var(--gray-800);text-align:right;outline:none}.rc-price-unit{font-size:.7rem;color:var(--gray-400);padding:0 8px 0 2px;white-space:nowrap;flex-shrink:0}.rc-subtotal{font-size:1rem;font-weight:700;color:var(--primary-dark);white-space:nowrap;min-width:80px;text-align:right}.totals-section{margin-top:14px}.totals-title{font-size:.8125rem;font-weight:600;color:var(--gray-500);margin-bottom:8px}.total-card{background:var(--primary-light);border:1.5px solid #93c5fd;border-radius:var(--radius);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.total-label{font-size:.875rem;font-weight:600;color:var(--primary-dark)}.total-val{font-size:1.125rem;font-weight:800;color:var(--primary-dark)}.estimate-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #93c5fd;border-radius:var(--radius);padding:16px;margin-top:10px}.estimate-title{display:flex;align-items:center;gap:7px;font-size:.875rem;font-weight:700;color:var(--primary-dark);margin-bottom:14px}.estimate-body{display:flex;flex-direction:column;gap:9px}.estimate-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.er-label{font-size:.875rem;color:var(--gray-600)}.er-val{font-size:.875rem;font-weight:600;color:var(--gray-800)}.er-vat{color:var(--success)}.estimate-divider{height:1px;background:#93c5fd80}.estimate-total-row{padding-top:2px}.er-label-bold{font-size:.9375rem;font-weight:700;color:var(--gray-900)}.er-val-bold{font-size:1.375rem;font-weight:800;color:var(--primary-dark)}.vat-toggle{padding:5px 12px;border-radius:99px;font-size:.75rem;font-weight:600;cursor:pointer;border:1.5px solid var(--gray-300);background:#fff;color:var(--gray-600);transition:all .15s;white-space:nowrap}.vat-toggle:hover:not(.active){border-color:var(--success);color:var(--success)}.vat-toggle.active{background:var(--success);border-color:var(--success);color:#fff}.divider{height:1px;background:var(--gray-200);margin:20px 0}@media (max-width: 480px){.rc-info-label{font-size:.58rem}.rc-info-val{font-size:.75rem}.rc-qty-num{font-size:1.75rem}.rc-subtotal{font-size:.9rem;min-width:70px}.er-val-bold{font-size:1.2rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000007a;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:#fff;border-radius:14px;box-shadow:var(--shadow-lg);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;transform:translateY(16px);transition:transform .2s}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{padding:20px 20px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{font-size:1.0625rem;font-weight:700;color:var(--gray-900)}.modal-subtitle{font-size:.8125rem;color:var(--gray-500);margin-top:3px}.modal-close{background:var(--gray-100);border:none;cursor:pointer;min-width:44px;min-height:44px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--gray-500);flex-shrink:0;margin-top:2px;transition:background .15s;-webkit-tap-highlight-color:transparent}.modal-close:hover{background:var(--gray-200)}.modal-close:active{transform:scale(.9)}.modal-body{padding:16px 20px 20px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;background:#fff;border:1.5px solid var(--gray-300);border-radius:8px;cursor:pointer;font-size:.9375rem;font-weight:600;color:var(--gray-800);transition:background .15s,box-shadow .15s;margin-bottom:12px}.btn-google:hover{background:var(--gray-50);box-shadow:var(--shadow-md)}.btn-google:disabled{opacity:.5;cursor:not-allowed}.auth-note{font-size:.75rem;color:var(--gray-400);text-align:center;line-height:1.5}.premium-features{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.premium-feature{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.premium-feature-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.premium-feature-text{font-size:.875rem;color:var(--gray-700);font-weight:500}.premium-price{text-align:center;padding:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;margin-bottom:14px;border:1.5px solid #fcd34d}.premium-price-main{font-size:1.75rem;font-weight:800;color:var(--gold);line-height:1}.premium-price-sub{font-size:.75rem;color:var(--amber);margin-top:4px}.pay-methods-label{font-size:.7rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;text-align:center;margin-bottom:8px}.pay-methods{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.btn-toss{width:100%;padding:13px;border:none;border-radius:8px;background:#0064ff;color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.btn-toss:hover{background:#0052d4}.btn-kakao{width:100%;padding:13px;border:none;border-radius:8px;background:#ffcd00;color:#3c1e1e;font-size:.9375rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.btn-kakao:hover{background:#f0c000}.btn-paypal{width:100%;padding:13px;border:none;border-radius:8px;background:#0070ba;color:#fff;font-size:.9375rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s}.btn-paypal:hover{background:#005ea6}.btn-confirm-pay{display:none;width:100%;padding:12px;border:none;border-radius:8px;background:var(--success);color:#fff;font-size:.875rem;font-weight:700;cursor:pointer;margin-bottom:8px;transition:background .15s}.btn-confirm-pay.visible{display:block}.btn-confirm-pay:hover{filter:brightness(1.06)}.pay-note{font-size:.75rem;color:var(--gray-500);text-align:center;line-height:1.5}.feature-cards{display:flex;gap:8px;margin:12px 0 6px}.feature-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 8px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;text-align:center;font-size:.72rem;color:var(--gray-500);line-height:1.4}.feature-card-icon{font-size:1.3rem;line-height:1}.feature-card strong{color:var(--gray-700)}.feature-card-pro{background:#fefce8;border-color:#fcd34d}.pro-badge-text{color:#b45309}@media (max-width: 480px){.feature-cards{flex-direction:column}.feature-card{flex-direction:row;text-align:left;gap:10px;padding:9px 12px}.feature-card-icon{font-size:1.1rem}}.input-type-guide{font-size:.73rem;color:var(--gray-400);background:var(--gray-50);border-radius:6px;padding:5px 10px;margin-bottom:10px;line-height:1.5;border-left:2px solid var(--gray-200)}.onb-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.onb-overlay.active{display:block}.onb-overlay.onb-welcome-mode{background:#0f172ab8;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.onb-welcome{background:#fff;border-radius:24px;padding:32px 28px 24px;max-width:320px;width:calc(100% - 40px);box-shadow:0 24px 64px #00000047;text-align:center;animation:onbFadeUp .35s cubic-bezier(.22,.68,0,1.2)}@keyframes onbFadeUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.onb-welcome-emoji{font-size:3rem;line-height:1;margin-bottom:14px}.onb-welcome-title{font-size:1.375rem;font-weight:800;color:#0f172a;line-height:1.3;margin:0 0 20px}.onb-welcome-title span{color:#2563eb}.onb-welcome-feats{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;text-align:left}.onb-welcome-feats li{display:flex;align-items:center;gap:10px;font-size:.875rem;color:#334155;font-weight:500;background:#f8fafc;border-radius:10px;padding:10px 14px}.owf-icon{font-size:1.125rem;flex-shrink:0}.onb-welcome-start{width:100%;padding:14px;background:#2563eb;color:#fff;font-size:.9375rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s;margin-bottom:10px}.onb-welcome-start:hover{background:#1d4ed8;transform:translateY(-1px)}.onb-welcome-skip{font-size:.8125rem;color:#94a3b8;background:none;border:none;cursor:pointer;padding:4px;text-decoration:underline}.onb-welcome-skip:hover{color:#64748b}.onb-spotlight{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px #0000009e;pointer-events:none;z-index:2001;opacity:0;transition:left .28s ease,top .28s ease,width .28s ease,height .28s ease,opacity .2s}.onb-spotlight:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;border:2.5px solid rgba(37,99,235,.7);animation:onbPulse 1.6s ease-in-out infinite}@keyframes onbPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.3;transform:scale(1.04)}}.onb-tooltip{position:fixed;z-index:2002;background:#fff;border-radius:16px;padding:18px 18px 14px;box-shadow:0 8px 36px #00000038}.onb-tooltip-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.onb-step-icon{font-size:1.25rem;line-height:1}.onb-dots{display:flex;gap:5px}.onb-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:width .2s,border-radius .2s,background .2s}.onb-dot.active{width:20px;border-radius:3px;background:#2563eb}.onb-title{font-size:.9rem;color:#0f172a;font-weight:700;margin-bottom:7px;line-height:1.4}.onb-desc{font-size:.8125rem;color:#475569;font-weight:400;line-height:1.6;margin:0 0 14px}.onb-actions{display:flex;justify-content:space-between;align-items:center}.onb-btn-skip{font-size:.8rem;color:#94a3b8;background:none;border:none;cursor:pointer;padding:4px 0}.onb-btn-skip:hover{color:#64748b}.onb-btn-next{font-size:.875rem;font-weight:700;color:#fff;background:#2563eb;border:none;cursor:pointer;padding:9px 18px;border-radius:9px;transition:background .15s}.onb-btn-next:hover{background:#1d4ed8}.btn-help-guide{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;background:#f5f3ff;color:#7c3aed;border:1.5px solid #ddd6fe;font-size:.8125rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,transform .1s,box-shadow .15s;flex-shrink:0}.btn-help-guide:hover{background:#7c3aed;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #7c3aed40}.form-group{margin-bottom:14px}.form-label{font-size:.8125rem;font-weight:600;color:var(--gray-700);margin-bottom:5px;display:block}.form-input{width:100%;padding:13px 16px;border:1.5px solid var(--gray-300);border-radius:10px;font-size:1rem;color:var(--gray-800);background:var(--gray-50);outline:none;transition:border-color .15s,box-shadow .15s;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26;background:#fff}.form-error{font-size:.8125rem;color:var(--danger);margin-top:5px;display:none}.form-error.visible{display:block}.btn-full{width:100%;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .07s;min-height:50px;-webkit-tap-highlight-color:transparent}.btn-full:active{transform:scale(.97)}.btn-full-primary{background:var(--primary);color:#fff}.btn-full-primary:hover{background:var(--primary-dark)}.btn-full-share{background:#0ea5e9;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-full-share:hover{background:#0284c7}.records-search-wrap{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}.records-search-icon{color:var(--gray-400);flex-shrink:0}.records-search-input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--gray-800);outline:none}.records-search-input::placeholder{color:var(--gray-400)}.records-empty{text-align:center;padding:32px 0;color:var(--gray-400);font-size:.875rem}.records-loading{text-align:center;padding:24px;color:var(--gray-400);font-size:.875rem}.site-item{border:1.5px solid var(--gray-200);border-radius:8px;margin-bottom:10px;overflow:hidden}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--gray-50);cursor:pointer;transition:background .15s}.site-header:hover{background:var(--gray-100)}.site-name{font-size:.9375rem;font-weight:600;color:var(--gray-800)}.site-meta{font-size:.75rem;color:var(--gray-500);margin-top:2px}.site-chevron{color:var(--gray-400);transition:transform .2s}.site-chevron.open{transform:rotate(180deg)}.site-records{display:none;border-top:1px solid var(--gray-200)}.site-records.open{display:block}.record-entry{padding:10px 14px;border-bottom:1px solid var(--gray-100);font-size:.8125rem}.record-entry:last-child{border-bottom:none}.record-entry-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.record-date{color:var(--gray-500);font-size:.75rem}.record-customer{font-size:.7rem;font-weight:600;padding:1px 7px;border-radius:99px;background:var(--primary-light);color:var(--primary)}.record-row{color:var(--gray-700);line-height:1.6}.record-memo{margin-top:4px;font-size:.75rem;color:var(--gray-500);padding:4px 8px;background:var(--gray-50);border-radius:5px;border-left:2px solid var(--gray-300)}.record-actions{display:flex;gap:6px;margin-top:8px}.btn-load-record{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:3px 9px;border-radius:5px;background:var(--primary-light);color:var(--primary);border:none;cursor:pointer;font-weight:600;transition:background .12s}.btn-load-record:hover{background:#bfdbfe}.btn-del-record{font-size:.75rem;padding:3px 9px;border-radius:5px;background:var(--danger-light);color:var(--danger);border:none;cursor:pointer}.label-required{color:var(--danger);font-size:.75rem}.btn-full-secondary{width:100%;padding:11px;border-radius:8px;background:var(--gray-100);color:var(--gray-700);border:1.5px solid var(--gray-300);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.btn-full-secondary:hover{background:var(--gray-200)}.share-preview{border:1.5px solid var(--gray-200);border-radius:8px;overflow:hidden;margin-bottom:14px;max-height:320px;overflow-y:auto}.share-preview img{width:100%;display:block}.share-btns{display:flex;gap:10px}.btn-download{flex:1;padding:11px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.btn-download:hover{background:var(--primary-dark)}.btn-share-native{flex:1;padding:11px;border:none;border-radius:8px;background:var(--success);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.btn-share-native:hover{filter:brightness(1.08)}.share-loading{text-align:center;padding:32px;color:var(--gray-500);font-size:.875rem}.spinner{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.undo-toast{position:fixed;bottom:88px;right:16px;z-index:10000;display:flex;align-items:center;gap:10px;background:var(--gray-900);color:#fff;padding:10px 14px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:.875rem;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.undo-toast.visible{opacity:1;transform:translateY(0);pointer-events:auto}.undo-toast-msg{color:#ffffffbf}.undo-toast-btn{background:#ffffff26;border:none;cursor:pointer;color:#fff;font-size:.8125rem;font-weight:600;padding:4px 10px;border-radius:6px;transition:background .12s;white-space:nowrap}.undo-toast-btn:hover{background:#ffffff47}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--gray-900);color:#fff;padding:10px 18px;border-radius:99px;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);white-space:nowrap;animation:toastIn .25s ease,toastOut .3s ease 2.2s forwards}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0}}@media (max-width: 480px){.topnav{padding:0 8px}.topnav-inner{gap:0;padding:0}.nav-right{gap:4px}.nav-brand{gap:0}.nav-brand span{display:none}.nav-brand:after{display:none}.nav-brand-icon{width:28px;height:28px;border-radius:7px}.nav-brand-icon svg{width:15px;height:15px}.btn-theme-toggle{min-width:32px;min-height:32px;font-size:.95rem;padding:0 4px}.nav-btn,.nav-btn-home,.btn-records,.btn-estimates-nav{padding:5px 8px;min-width:auto;font-size:.72rem}.nav-btn span,.nav-btn-home span,.btn-records span,.btn-estimates-nav span{display:none}.nav-btn-home:after{content:"홈";font-size:.72rem}.btn-records:after{content:"기록";font-size:.72rem}.btn-estimates-nav:after{content:"견적";font-size:.72rem}.nav-btn-primary:after{content:"로그인";font-size:.72rem}.nav-btn-ghost:after{content:"로그아웃";font-size:.72rem}.btn-help-guide{padding:5px 8px;font-size:.72rem}.btn-help-guide span{display:none}.btn-help-guide:after{content:"가이드";font-size:.72rem}.btn-profile-always{padding:5px 8px;font-size:.72rem}.btn-profile-always span{display:none}.btn-profile-always:after{content:"업체";font-size:.72rem}.badge-login,.badge-pro,.badge-free,.nav-username{display:none}.container{padding:16px 10px 100px}.header h1{font-size:1.2rem}.btn{padding:10px 14px;font-size:.875rem}.result-qty-num{font-size:1.25rem}.result-card{padding:10px 12px;gap:10px}.result-material{font-size:.875rem}.result-detail{font-size:.75rem}}.footer{background:var(--gray-100);border-top:1px solid var(--gray-200);padding:32px 16px;margin-top:40px}.footer-inner{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.footer-info{font-size:.75rem;color:var(--gray-500);line-height:1.6}.footer-info strong{color:var(--gray-700)}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.footer-link{font-size:.75rem;color:var(--gray-600);text-decoration:none;font-weight:600;cursor:pointer}.footer-link:hover{text-decoration:underline;color:var(--primary)}.copyright{font-size:.7rem;color:var(--gray-400);margin-top:8px}.legal-content{font-size:.8125rem;line-height:1.6;color:var(--gray-700);max-height:400px;overflow-y:auto;padding-right:8px}.legal-content h3{font-size:.9375rem;margin:16px 0 8px;color:var(--gray-900)}.legal-content p{margin-bottom:8px}.mat-picker-overlay{align-items:flex-end!important;padding:0!important}.mat-picker-overlay.open{opacity:1;pointer-events:all}.mat-picker-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:88vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:0 -4px 24px #0000001f}.mat-picker-overlay.open .mat-picker-sheet{transform:translateY(0)}.picker-handle{width:36px;height:4px;background:var(--gray-200);border-radius:99px;margin:10px auto 2px;flex-shrink:0}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.picker-title{font-size:1rem;font-weight:700;color:var(--gray-900)}.picker-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--gray-100);flex-shrink:0}.picker-search-icon{color:var(--gray-400);flex-shrink:0}.picker-search-input{flex:1;border:none;outline:none;background:transparent;font-size:.9rem;color:var(--gray-900)}.picker-search-input::placeholder{color:var(--gray-400)}.picker-search-clear{background:none;border:none;cursor:pointer;color:var(--gray-400);font-size:.85rem;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.picker-search-clear:hover{color:var(--gray-600);background:var(--gray-100)}.picker-no-results{padding:32px 16px;text-align:center;color:var(--gray-400);font-size:.875rem}.mat-search-cat{font-size:.7rem;color:var(--primary);font-weight:600}.picker-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.picker-quick-sec{padding:12px 16px 0}.picker-quick-sec.hidden{display:none}.picker-sec-title{display:flex;align-items:center;gap:5px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:8px}.picker-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.picker-chip{padding:5px 12px;border-radius:99px;background:var(--gray-100);border:1.5px solid var(--gray-200);font-size:.8125rem;font-weight:600;color:var(--gray-700);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.picker-chip:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.picker-chip:active{transform:scale(.96)}.fav-chip{background:#fef3c7;border-color:#fcd34d;color:var(--amber)}.fav-chip:hover{background:#fde68a;border-color:var(--amber);color:var(--gold)}.picker-cat-tabs{display:flex;gap:4px;padding:12px 16px 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid var(--gray-100);flex-shrink:0}.picker-cat-tabs::-webkit-scrollbar{display:none}.cat-tab{padding:6px 14px;border-radius:99px;white-space:nowrap;font-size:.8125rem;font-weight:600;cursor:pointer;background:var(--gray-100);border:1.5px solid transparent;color:var(--gray-600);transition:all .12s;flex-shrink:0}.cat-tab:hover{background:var(--primary-light);color:var(--primary)}.cat-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.picker-mat-list{padding:10px 12px 24px;display:flex;flex-direction:column;gap:8px}.mat-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:10px;cursor:pointer;transition:border-color .12s,background .12s,transform .07s}.mat-card:hover{border-color:var(--primary);background:#fff;box-shadow:var(--shadow)}.mat-card:active{transform:scale(.99)}.mat-card-body{flex:1;min-width:0}.mat-card-name{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.mat-card-spec{font-size:.75rem;color:var(--gray-500);margin-top:2px}.mat-card-price{font-size:.75rem;font-weight:600;color:var(--primary);margin-top:3px}.mat-fav-btn{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:none;border:1.5px solid var(--gray-200);font-size:1rem;cursor:pointer;color:var(--gray-400);display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}.mat-fav-btn:hover,.mat-fav-btn.active{background:#fef3c7;border-color:#fcd34d;color:var(--amber)}.mat-edit-btn{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid var(--gray-200);background:none;color:var(--gray-400);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}.mat-edit-btn:hover{background:#eff6ff;border-color:var(--primary);color:var(--primary)}.mat-custom-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;background:#eff6ff;color:var(--primary);font-size:.65rem;font-weight:600;vertical-align:middle}.mat-type-badge{display:inline-block;margin-left:5px;padding:1px 5px;border-radius:9px;font-size:.6rem;font-weight:700;vertical-align:middle;letter-spacing:.02em}.mat-type-length{background:#dbeafe;color:#1d4ed8}.mat-type-qty{background:var(--gray-100);color:var(--gray-500)}.mat-wip-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:9px;background:#fef3c7;color:var(--amber);font-size:.62rem;font-weight:600;vertical-align:middle}.mat-card-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.mat-card-editing{flex-direction:column;align-items:stretch;gap:10px;cursor:default}.mat-card-editing:hover{border-color:var(--primary)}.mat-edit-header{display:flex;align-items:center;justify-content:space-between}.mat-edit-close{width:28px;height:28px;border-radius:6px;border:none;background:none;color:var(--gray-400);cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.mat-edit-close:hover{background:var(--gray-100);color:var(--gray-700)}.mat-edit-row{display:flex;align-items:center;gap:10px}.mat-edit-label{font-size:.8rem;color:var(--gray-500);white-space:nowrap;min-width:44px}.mat-edit-actions{display:flex;gap:6px;flex-wrap:wrap}.mat-edit-btn-save{padding:6px 14px;border-radius:7px;background:var(--primary);color:#fff;border:none;font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .12s}.mat-edit-btn-save:hover{opacity:.88}.mat-edit-btn-reset{padding:6px 12px;border-radius:7px;background:none;color:var(--gray-500);border:1px solid var(--gray-200);font-size:.8rem;cursor:pointer;transition:background .12s,color .12s}.mat-edit-btn-reset:hover{background:var(--gray-100);color:var(--gray-700)}.mat-edit-btn-cancel{padding:6px 12px;border-radius:7px;background:none;color:var(--gray-400);border:none;font-size:.8rem;cursor:pointer;transition:color .12s}.mat-edit-btn-cancel:hover{color:var(--gray-700)}.mat-del-btn{flex-shrink:0;width:32px;height:32px;border-radius:8px;border:1px solid var(--gray-200);background:none;color:var(--gray-400);font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}.mat-del-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#ef4444}.mat-user-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;background:#f0fdf4;color:#16a34a;font-size:.65rem;font-weight:600;vertical-align:middle}.mat-add-trigger{width:100%;margin-top:8px;padding:10px 14px;border:1.5px dashed var(--gray-200);border-radius:10px;background:none;color:var(--gray-400);font-size:.875rem;font-weight:500;cursor:pointer;text-align:center;transition:border-color .12s,color .12s,background .12s}.mat-add-trigger:hover{border-color:var(--primary);color:var(--primary);background:#f0f7ff}.mat-add-form{margin-top:8px;padding:14px;border:1.5px solid var(--primary);border-radius:10px;background:#f8faff;display:flex;flex-direction:column;gap:10px}.mat-add-title{font-size:.875rem;font-weight:600;color:var(--gray-800)}.mat-add-row{display:flex;align-items:center;gap:10px}.mat-add-input{flex:1;padding:7px 10px;border:1px solid var(--gray-200);border-radius:7px;font-size:.875rem;color:var(--gray-800);outline:none;transition:border-color .12s}.mat-add-input:focus{border-color:var(--primary)}.mat-add-dims{display:flex;align-items:center;gap:6px;flex:1}.mat-add-select{padding:7px 10px;border:1px solid var(--gray-200);border-radius:7px;font-size:.875rem;color:var(--gray-800);background:#fff;outline:none;cursor:pointer;transition:border-color .12s}.mat-add-select:focus{border-color:var(--primary)}.mat-add-error{font-size:.8rem;color:#ef4444;min-height:1em}.mat-add-check-row{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--gray-600);cursor:pointer}.mat-add-check-row input[type=checkbox]{width:15px;height:15px;cursor:pointer}@media (min-width: 600px){.mat-picker-overlay{align-items:center!important;padding:16px!important}.mat-picker-sheet{border-radius:16px;max-width:520px;max-height:80vh;transform:translateY(20px) scale(.97)}.mat-picker-overlay.open .mat-picker-sheet{transform:translateY(0) scale(1)}.picker-handle{display:none}}.qc-fab{position:fixed;bottom:20px;right:20px;width:54px;height:54px;border-radius:50%;background:#1e293b;border:2px solid #334155;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006;transition:background .15s,color .15s,box-shadow .15s,transform .2s;z-index:502;-webkit-user-select:none;user-select:none}.qc-fab:hover{background:#334155;color:#cbd5e1;box-shadow:0 6px 22px #00000080}.qc-fab.active{background:#2563eb;color:#fff;border-color:#3b82f6;box-shadow:0 6px 22px #2563eb73}.qc-fab-icon-close,.qc-fab.active .qc-fab-icon-default{display:none}.qc-fab.active .qc-fab-icon-close{display:block}.qc-wrap{position:fixed;bottom:0;left:0;right:0;z-index:500;pointer-events:none}.qc-panel{pointer-events:all;background:#0f172a;max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1);width:100%}.qc-panel.open{max-height:480px}.qc-desc-bar{text-align:center;font-size:.7rem;color:#475569;padding:8px 16px 6px;border-bottom:1px solid #1e293b;letter-spacing:.01em}.qc-inner{max-width:480px;margin:0 auto;width:100%;display:flex;flex-direction:column}.qc-display-row{display:flex;align-items:center;gap:10px;padding:10px 16px 6px}.qc-display{flex:1;font-size:1.9rem;font-weight:700;color:#f8fafc;text-align:right;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .1s}.qc-copy-btn{flex-shrink:0;padding:5px 12px;border-radius:6px;background:#1e293b;border:1.5px solid #334155;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s}.qc-copy-btn:hover{background:#334155;color:#e2e8f0}.qc-copy-btn.copied{background:#15803d;border-color:#15803d;color:#fff}.qc-hist-wrap{padding:0 16px 6px;overflow-x:auto;scrollbar-width:none}.qc-hist-wrap::-webkit-scrollbar{display:none}.qc-hist-list{display:flex;gap:6px;flex-wrap:nowrap;min-height:28px;align-items:center}.qc-hist-chip{flex-shrink:0;background:#1e293b;border:1.5px solid #334155;border-radius:6px;color:#94a3b8;font-size:.72rem;padding:3px 9px;cursor:pointer;white-space:nowrap;transition:background .1s,color .1s}.qc-hist-chip:hover{background:#334155;color:#e2e8f0;border-color:#475569}.qc-hist-expr{pointer-events:none}.qc-hist-empty{color:#475569;font-size:.75rem}.qc-keypad{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:1px;background:#0a0f1a;border-top:1px solid #1e293b}.qc-btn{background:#1e293b;border:none;cursor:pointer;color:#e2e8f0;font-size:1.1rem;font-weight:500;height:54px;display:flex;align-items:center;justify-content:center;transition:background .08s,color .08s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.qc-btn:active{background:#334155}.qc-btn-fn{color:#f87171;font-weight:700;background:#1a1f2e}.qc-btn-fn:active{background:#2d1f1f}.qc-btn-op{color:#60a5fa;font-size:1.2rem;font-weight:600;background:#172035}.qc-btn-op:active{background:#1e3a5f}.qc-btn-op.op-active{background:#1d4ed8;color:#fff}.qc-btn-eq{background:#2563eb;color:#fff;font-size:1.4rem;font-weight:700}.qc-btn-eq:active{background:#1d4ed8}.qc-eq-tall{grid-row:4 / 6;grid-column:4;height:auto}.qc-btn-zero{grid-column:1 / 3}.toast-container{bottom:80px!important}body.qc-open .container{padding-bottom:520px}@media (min-width: 600px){.qc-panel.open{max-height:400px}body.qc-open .container{padding-bottom:440px}.qc-btn{height:48px}.qc-display{font-size:1.75rem}.qc-fab{bottom:24px;right:24px}.qc-tab-inner{max-width:480px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}}@media (max-width: 380px){.qc-btn{height:50px;font-size:1rem}.qc-display{font-size:1.5rem}}@media (max-width: 520px){.results-actions{flex-wrap:wrap;gap:6px;width:100%}.btn-save-site,.btn-pdf-export,.btn-estimate,.btn-share{flex:1;min-width:calc(50% - 3px);justify-content:center;padding:9px 8px;font-size:.8125rem}}@media (max-width: 480px){.calc-btn-row{flex-direction:column;gap:8px}.calc-btn-row .btn-calc-cta{width:100%}.calc-btn-row-est .btn-est-standalone{padding:14px 20px;font-size:1rem}}@media (max-width: 480px){.header{margin-bottom:16px}.header-icon{width:40px;height:40px;border-radius:10px;margin-bottom:6px}.header h1{font-size:1.125rem}.header p{font-size:.8125rem;margin-top:2px}.container{padding:14px 12px 100px}.btn{padding:12px 16px}.btn-calc{padding:15px 20px}.row-card{padding:14px 12px}.qc-fab{bottom:16px;right:16px;width:50px;height:50px}}@supports (padding: env(safe-area-inset-bottom)){.qc-fab{bottom:calc(16px + env(safe-area-inset-bottom))}.toast-container{bottom:calc(80px + env(safe-area-inset-bottom))!important}}.row-card:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb14}.btn-load-record,.btn-pdf-record,.btn-del-record{min-height:32px;min-width:60px}@media (max-width: 480px){.qc-tab{height:48px;font-size:.875rem}.qc-btn{height:56px;font-size:1.1rem}.qc-display{font-size:2rem}}@media (prefers-color-scheme: dark){:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #1e3a5f;--danger: #f87171;--danger-light: rgba(248,113,113,.15);--success: #4ade80;--success-light: rgba(74,222,128,.15);--amber: #fbbf24;--amber-light: rgba(251,191,36,.15);--gray-50: #1e293b;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f8fafc}body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}.topnav{background:#1e293b;border-color:#334155}.nav-brand{color:#f1f5f9}.nav-btn-home{background:#1e3a5f;color:#93c5fd;border-color:#1e40af}.nav-btn-home:hover{background:#2563eb;color:#fff}.nav-btn-ghost{background:#334155;color:#94a3b8}.nav-btn-ghost:hover{background:#475569}.badge-free{background:#334155;color:#94a3b8}.row-card,.result-card,.site-item{background:#1e293b;border-color:#334155}.row-card:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.input-wrap input{background:#0f172a;color:#f1f5f9;border-color:#334155}.input-wrap input:focus{background:#0a0f1e;border-color:#3b82f6}.input-unit{color:#64748b}.form-input{background:#0f172a;color:#f1f5f9;border-color:#334155}.form-input:focus{background:#0a0f1e;border-color:#3b82f6}.form-label{color:#cbd5e1}.input-label,.material-group label{color:#94a3b8}.btn-material-pick{background:#0f172a;border-color:#334155}.btn-material-pick:hover{background:#1e293b;border-color:#3b82f6}.btn-material-pick:active{background:#1e3a5f;border-color:#3b82f6}.mpick-name{color:#f1f5f9}.mpick-spec,.mpick-chevron{color:#64748b}.btn-add{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.btn-add:hover{background:#1e40af}.btn-reset{background:#334155;color:#94a3b8;border-color:#475569}.btn-reset:hover{background:#475569}.btn-share{background:#4ade8026;color:#4ade80;border-color:#4ade804d}.btn-share:hover{background:#4ade8040}.btn-save-site{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.btn-save-site:hover{background:#fbbf2440}.btn-pdf-export{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa4d}.btn-pdf-export:hover{background:#a78bfa40}.btn-estimate{background:#4ade801f;color:#4ade80;border-color:#4ade804d}.btn-estimate:hover{background:#4ade8038}.est-section-header{color:#60a5fa}.est-add-labor{background:#2563eb33;color:#93c5fd;border-color:#2563eb66}.est-add-labor:hover{background:#2563eb4d}.est-labor-del{background:#dc262633;color:#f87171}.est-labor-del:hover{background:#dc26264d}.est-labor-amt{color:#93c5fd}.btn-profile-always{background:#4ade801f;color:#4ade80;border-color:#4ade804d}.btn-profile-always:hover{background:#4ade8038}.btn-est-standalone{background:#4ade801f;color:#4ade80;border-color:#4ade804d}.btn-est-standalone:hover{background:#4ade8038}.result-section{border-top-color:#334155}.qty-result-input{background:#1e293b!important;color:#64748b!important}.qty-result-input.filled{background:#1e3a5f!important;color:#93c5fd!important}.est-profile-link{background:#2563eb26;color:#93c5fd;border-color:#2563eb4d}.est-profile-link:hover{background:#2563eb40}.sig-preview-wrap{background:#1e293b}.btn-sig-upload{background:#2563eb33;color:#93c5fd;border-color:#2563eb66}.btn-sig-upload:hover{background:#2563eb4d}.btn-sig-clear{background:#dc262633;color:#f87171;border-color:#dc26264d}.btn-sig-clear:hover{background:#dc26264d}.btn-records{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.btn-records:hover{background:#fbbf2440}.btn-estimates-nav{background:#05966926;color:#34d399;border-color:#0596694d}.btn-estimates-nav:hover{background:#05966940}.rc-header{background:#0f172a;border-color:#334155}.rc-name{color:#f1f5f9}.rc-info-grid,.rc-info-item{border-color:#334155}.rc-info-label{color:#64748b}.rc-info-val{color:#e2e8f0}.rc-qty-section{border-color:#334155}.rc-qty-num{color:#60a5fa}.rc-qty-unit{color:#64748b}.rc-qty-box{background:#334155;color:#94a3b8}.rc-price-section{background:#0f172a;border-color:#334155}.rc-price-input-group{background:#1e293b;border-color:#334155}.rc-price-input{color:#f1f5f9}.rc-price-unit{color:#64748b}.rc-subtotal{color:#93c5fd}.total-card{background:#1e3a5f;border-color:#1e40af}.total-label{color:#93c5fd}.total-val{color:#60a5fa}.totals-title{color:#64748b}.estimate-card{background:linear-gradient(135deg,#0f1f3d,#1e3a5f);border-color:#1e40af}.estimate-title{color:#93c5fd}.er-label{color:#94a3b8}.er-val{color:#f1f5f9}.er-vat{color:#4ade80}.estimate-divider{background:#3b82f633}.er-label-bold{color:#f1f5f9}.er-val-bold{color:#60a5fa}.vat-toggle{background:#334155;border-color:#475569;color:#94a3b8}.vat-toggle.active{background:#166534;border-color:#4ade80;color:#fff}.divider{background:#334155}.modal{background:#1e293b}.modal-overlay{background:#000000a6}.modal-title{color:#f1f5f9}.modal-subtitle{color:#64748b}.modal-close{background:#334155;color:#94a3b8}.modal-close:hover{background:#475569}.modal-body .form-error{color:#f87171}.btn-full-secondary{background:#334155;color:#cbd5e1;border-color:#475569}.btn-full-secondary:hover{background:#475569}.pdf-info-note{background:#1e293b;border-color:#334155;color:#64748b}.records-search-wrap{background:#0f172a;border-color:#334155}.records-search-input{color:#f1f5f9}.records-search-input::placeholder{color:#475569}.site-header{background:#0f172a}.site-header:hover{background:#1e293b}.site-name{color:#f1f5f9}.site-meta{color:#64748b}.site-records{border-color:#334155}.record-entry{border-color:#1e293b}.record-date{color:#64748b}.record-row{color:#cbd5e1}.record-memo{background:#0f172a;border-color:#334155;color:#64748b}.btn-load-record{background:#1e3a5f;color:#93c5fd}.btn-load-record:hover{background:#1e40af}.btn-pdf-record{background:#a78bfa26;color:#a78bfa}.btn-pdf-record:hover{background:#a78bfa40}.btn-del-record{background:#f8717126;color:#f87171}.mat-picker-sheet{background:#1e293b}.picker-header{border-color:#334155}.picker-title{color:#f1f5f9}.picker-handle{background:#475569}.picker-sec-title{color:#64748b}.picker-chip{background:#334155;border-color:#475569;color:#94a3b8}.picker-chip:hover{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.fav-chip{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.picker-cat-tabs{border-color:#334155}.cat-tab{background:#334155;color:#94a3b8}.cat-tab:hover{background:#1e3a5f;color:#93c5fd}.cat-tab.active{background:#2563eb;color:#fff}.mat-card{background:#0f172a;border-color:#334155}.mat-card:hover{background:#1e293b;border-color:#3b82f6}.mat-card-name{color:#f1f5f9}.mat-card-spec{color:#64748b}.mat-card-price{color:#60a5fa}.mat-fav-btn{border-color:#334155;color:#64748b}.mat-fav-btn:hover,.mat-fav-btn.active{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}.mat-edit-btn{border-color:#334155;color:#475569}.mat-edit-btn:hover{background:#1e293b;border-color:#3b82f6;color:#60a5fa}.mat-custom-badge{background:#1e3a5f;color:#60a5fa}.mat-type-length{background:#1e3a5f;color:#93c5fd}.mat-type-qty{background:#334155;color:#94a3b8}.mat-wip-badge{background:#d9770633;color:#fbbf24}.mat-edit-close:hover{background:#1e293b;color:#f1f5f9}.mat-edit-label{color:#64748b}.mat-edit-btn-reset{border-color:#334155;color:#64748b}.mat-edit-btn-reset:hover{background:#1e293b;color:#f1f5f9}.mat-edit-btn-cancel{color:#475569}.mat-edit-btn-cancel:hover{color:#f1f5f9}.mat-del-btn{border-color:#334155;color:#475569}.mat-del-btn:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.mat-user-badge{background:#16a34a26;color:#4ade80}.mat-add-trigger{border-color:#334155;color:#475569}.mat-add-trigger:hover{border-color:#3b82f6;color:#60a5fa;background:#3b82f614}.mat-add-form{background:#0f172a;border-color:#3b82f6}.mat-add-title{color:#f1f5f9}.mat-add-input{background:#1e293b;border-color:#334155;color:#f1f5f9}.mat-add-input:focus{border-color:#3b82f6}.mat-add-select{background:#1e293b;border-color:#334155;color:#f1f5f9}.unit-selector{background:#334155}.unit-group-label{color:#475569}.unit-sep{background:#475569}.unit-btn{color:#64748b}.unit-btn:hover{background:#475569;color:#cbd5e1}.unit-btn.active{background:#0f172a;color:#60a5fa}.unit-hint{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}.promo-banner{background:linear-gradient(135deg,#1e3a5f,#1e3a8a);border-color:#1e40af}.promo-text{color:#93c5fd}.btn-google{background:#1e293b;border-color:#334155;color:#f1f5f9}.btn-google:hover{background:#334155}.auth-note{color:#475569}.feature-card{background:#0f172a;border-color:#1e293b;color:#94a3b8}.feature-card strong{color:#e2e8f0}.feature-card-pro{background:#1c1400;border-color:#854d0e}.input-type-guide{background:#0f172a;border-color:#1e293b;color:#64748b}.premium-feature{background:#0f172a;border-color:#334155}.premium-feature-text{color:#cbd5e1}.pay-methods-label{color:#475569}.footer{background:#1e293b;border-color:#334155}.footer-info{color:#64748b}.footer-info strong,.footer-link{color:#94a3b8}.copyright{color:#475569}.legal-content{color:#cbd5e1}.legal-content h3{color:#f1f5f9}.row-error{background:#f871711f;color:#f87171}.header h1{color:#f1f5f9}.header p{color:#64748b}.section-label{color:#475569}.results-header h2{color:#f1f5f9}.share-preview{border-color:#334155}.share-loading{color:#64748b}}.unit-selector{display:flex;align-items:stretch;gap:6px;margin:10px 0 8px;background:var(--gray-100);border-radius:8px;padding:6px}.unit-group{display:flex;flex-direction:column;gap:4px;flex:1}.unit-group-label{font-size:.65rem;color:var(--gray-400);text-align:center;font-weight:500;letter-spacing:.02em;padding:0 2px}.unit-group-btns{display:flex;gap:3px}.unit-sep{width:1px;background:var(--gray-200);align-self:stretch;margin:2px 0;flex-shrink:0}.unit-btn{flex:1;padding:7px 2px;border-radius:6px;border:none;background:none;color:var(--gray-500);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .12s,color .12s,box-shadow .12s;white-space:nowrap;text-align:center;-webkit-tap-highlight-color:transparent;min-height:34px}.unit-btn:hover{background:var(--gray-200);color:var(--gray-700)}.unit-btn.active{background:#fff;color:var(--primary);font-weight:700;box-shadow:0 1px 4px #0000001f}.unit-hint{display:flex;align-items:center;gap:6px;margin:0 0 10px;padding:7px 12px;background:#eff6ff;border-radius:7px;border-left:3px solid var(--primary);color:var(--primary);font-size:.8125rem;font-weight:600;letter-spacing:-.01em;transition:opacity .15s}.unit-hint:before{content:"→";font-size:.875rem;opacity:.6;flex-shrink:0}.unit-hint.hidden{display:none}.input-type-info{font-size:.78rem;color:var(--gray-500);padding:4px 2px 6px;letter-spacing:-.01em}.dim-area-mode .input-wrap{max-width:220px}.dim-area-mode .input-unit{font-size:1rem;font-weight:700;color:var(--primary);min-width:28px}@media (max-width: 400px){.unit-btn{font-size:.72rem;padding:5px 1px}.unit-hint{font-size:.75rem}}.estimate-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:#f1f5f9;transform:translate(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.estimate-screen.open{transform:translate(0)}.est-screen-hdr{position:sticky;top:0;z-index:10;background:#1e3a8a;color:#fff;display:flex;align-items:center;gap:8px;padding:0 12px 0 4px;height:54px;box-shadow:0 2px 8px #0000002e}.est-back-btn{display:flex;align-items:center;gap:2px;color:#fff;background:none;border:none;font-size:.875rem;font-weight:600;cursor:pointer;padding:10px 8px;flex-shrink:0;border-radius:8px}.est-back-btn:hover{background:#ffffff1f}.est-screen-title{flex:1;font-size:1rem;font-weight:700;text-align:center}.est-screen-actions{display:flex;gap:5px;flex-shrink:0}.est-hdr-btn{display:inline-flex;align-items:center;gap:4px;padding:7px 10px;border-radius:7px;font-size:.75rem;font-weight:700;cursor:pointer;border:none;transition:opacity .15s;white-space:nowrap}.est-hdr-btn:hover{opacity:.85}.est-hdr-reset{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.18)!important}.est-hdr-reset:hover{opacity:1!important;color:#fca5a5!important}.est-hdr-list{background:#ffffff1f;color:#ffffffd9;border:1px solid rgba(255,255,255,.22)!important}.est-hdr-save,.est-hdr-preview{background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.3)!important}.est-hdr-share{background:#0ea5e9;color:#fff}.est-hdr-pdf{background:#16a34a;color:#fff}.est-screen-body{max-width:640px;margin:0 auto;padding:14px 14px 120px;display:flex;flex-direction:column;gap:12px}.est-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000012,0 0 0 1px #0000000a}.est-card-hdr{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:700;color:#1e3a8a}.est-card-end{margin-left:auto}.est-card-hdr-note{font-size:.75rem;font-weight:400;color:#64748b}.est-card-body{padding:14px 14px 10px}.est-card-body .form-group:last-child{margin-bottom:4px}.est-mat-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.est-mat-table{width:100%;border-collapse:collapse;font-size:.8125rem;min-width:420px}.est-mat-table th{background:#f1f5f9;padding:7px 8px;font-size:.75rem;color:#64748b;font-weight:700;white-space:nowrap}.est-mat-table td{padding:8px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.est-mat-table tbody tr:last-child td{border-bottom:none}.est-mat-name{text-align:left;font-weight:600;color:#1f2937}.est-mat-area,.est-mat-qty{text-align:center;color:#374151}.est-mat-price-cell{text-align:right;min-width:90px}.est-price-input{width:100%;text-align:right;padding:5px 7px!important;font-size:.8125rem!important;min-width:80px}.est-mat-amt{text-align:right;font-weight:700;color:#2563eb;white-space:nowrap;min-width:70px}#estimateListModal{z-index:900}.est-list-empty{text-align:center;padding:32px 0;color:var(--gray-400);font-size:.875rem}.est-list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.est-list-item:last-child{border-bottom:none}.est-list-info{flex:1;min-width:0}.est-list-title{font-size:.9375rem;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.est-list-meta{font-size:.75rem;color:var(--gray-500);margin-top:2px}.est-list-labor{font-size:.75rem;color:var(--gray-400);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.est-list-actions{display:flex;gap:6px;flex-shrink:0}.btn-est-load{padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:600;background:var(--primary);color:#fff;border:none;cursor:pointer}.btn-est-load:hover{opacity:.85}.btn-est-del{padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:500;background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3);cursor:pointer}.btn-est-del:hover{background:#ef444414}html.dark .est-list-item{border-color:#ffffff12}html.dark .est-list-title{color:#e2e8f0}html.dark .est-list-meta{color:#94a3b8}html.dark .est-list-labor{color:#64748b}.est-sum-table{display:flex;flex-direction:column;gap:0}.est-sum-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:.875rem;border-bottom:1px solid #f1f5f9;color:#374151}.est-sum-row:last-child{border-bottom:none}.est-sum-sep{margin-top:4px;padding-top:11px;border-top:1.5px solid #e5e7eb}.est-sum-total{margin-top:2px;padding-top:11px;border-top:2px solid #1d4ed8!important;font-size:1rem;font-weight:800;color:#1d4ed8}.est-sum-total span:last-child{font-size:1.125rem}.est-empty-msg{font-size:.8125rem;color:#9ca3af;text-align:center;padding:12px 0 6px;line-height:1.6}.est-bottom-actions{display:flex;gap:10px;padding:4px 0 8px}.est-bottom-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:15px 10px;border-radius:12px;font-size:.9375rem;font-weight:700;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.est-bottom-btn:active{transform:scale(.98)}.est-bottom-preview{background:#1e3a8a;color:#fff}.est-bottom-preview:hover{background:#1e40af}.est-bottom-share{background:#0ea5e9;color:#fff}.est-bottom-share:hover{background:#0284c7}.est-bottom-pdf{background:#16a34a;color:#fff}.est-bottom-pdf:hover{background:#15803d}@media (max-width: 520px){.est-screen-body{padding:10px 10px 110px;gap:10px}.est-card-hdr{padding:10px 12px;font-size:.8125rem}.est-card-body{padding:12px 12px 8px}.form-grid-2{grid-template-columns:1fr}.est-hdr-btn span{display:none}.est-hdr-btn{padding:7px 10px}.est-labor-main{flex-wrap:wrap;gap:6px}.est-labor-name-wrap{flex:1 1 100%}.est-labor-calc{flex:1 1 100%;gap:6px}.est-labor-qty-wrap{flex:0 0 84px}.est-labor-up-wrap{flex:1;min-width:100px}.est-labor-amt{min-width:56px;font-size:.8125rem}}@media (prefers-color-scheme: dark){.estimate-screen{background:#0f172a}.est-screen-hdr{background:#0f172a;border-bottom:1px solid #1e293b}.est-card{background:#1e293b;box-shadow:0 1px 4px #0000004d}.est-card-hdr{background:#0f172a;border-color:#334155;color:#93c5fd}.est-card-body .form-label{color:#94a3b8}.est-mat-table th{background:#0f172a;color:#64748b}.est-mat-table td{border-color:#1e293b}.est-mat-name{color:#e2e8f0}.est-mat-area,.est-mat-qty{color:#94a3b8}.est-mat-amt{color:#60a5fa}.est-sum-row{color:#94a3b8;border-color:#1e293b}.est-sum-sep{border-color:#334155}.est-sum-total{color:#60a5fa;border-color:#3b82f6!important}.est-empty-msg,.est-card-hdr-note{color:#475569}.est-add-labor{background:#2563eb33;color:#93c5fd;border-color:#2563eb66}.est-profile-link{background:#2563eb26;color:#93c5fd;border-color:#2563eb4d}}html.dark{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #1e3a5f;--danger: #f87171;--danger-light: rgba(248,113,113,.15);--success: #4ade80;--success-light: rgba(74,222,128,.15);--amber: #fbbf24;--amber-light: rgba(251,191,36,.15);--gray-50: #1e293b;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #94a3b8;--gray-600: #cbd5e1;--gray-700: #e2e8f0;--gray-800: #f1f5f9;--gray-900: #f8fafc}html.dark body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}html.dark .topnav{background:#1e293b;border-color:#334155}html.dark .nav-brand{color:#f1f5f9}html.dark .nav-btn-home{background:#1e3a5f;color:#93c5fd;border-color:#1e40af}html.dark .nav-btn-home:hover{background:#2563eb;color:#fff}html.dark .nav-btn-ghost{background:#334155;color:#94a3b8}html.dark .nav-btn-ghost:hover{background:#475569}html.dark .badge-free{background:#334155;color:#94a3b8}html.dark .btn-theme-toggle:hover{background:#334155}html.dark .row-card,html.dark .result-card,html.dark .site-item{background:#1e293b;border-color:#334155}html.dark .row-card:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}html.dark .input-wrap input{background:#0f172a;color:#f1f5f9;border-color:#334155}html.dark .input-wrap input:focus{background:#0a0f1e;border-color:#3b82f6}html.dark .input-unit{color:#64748b}html.dark .form-input{background:#0f172a;color:#f1f5f9;border-color:#334155}html.dark .form-input:focus{background:#0a0f1e;border-color:#3b82f6}html.dark .form-label{color:#cbd5e1}html.dark .input-label,html.dark .material-group label{color:#94a3b8}html.dark .btn-material-pick{background:#0f172a;border-color:#334155}html.dark .btn-material-pick:hover{background:#1e293b;border-color:#3b82f6}html.dark .btn-material-pick:active{background:#1e3a5f;border-color:#3b82f6}html.dark .mpick-name{color:#f1f5f9}html.dark .mpick-spec,html.dark .mpick-chevron{color:#64748b}html.dark .btn-add{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html.dark .btn-add:hover{background:#1e40af}html.dark .btn-reset{background:#334155;color:#94a3b8;border-color:#475569}html.dark .btn-reset:hover{background:#475569}html.dark .btn-share{background:#4ade8026;color:#4ade80;border-color:#4ade804d}html.dark .btn-share:hover{background:#4ade8040}html.dark .btn-save-site{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}html.dark .btn-save-site:hover{background:#fbbf2440}html.dark .btn-pdf-export{background:#a78bfa26;color:#a78bfa;border-color:#a78bfa4d}html.dark .btn-pdf-export:hover{background:#a78bfa40}html.dark .btn-estimate{background:#4ade801f;color:#4ade80;border-color:#4ade804d}html.dark .btn-estimate:hover{background:#4ade8038}html.dark .est-section-header{color:#60a5fa}html.dark .est-add-labor{background:#2563eb33;color:#93c5fd;border-color:#2563eb66}html.dark .est-add-labor:hover{background:#2563eb4d}html.dark .est-labor-del{background:#dc262633;color:#f87171}html.dark .est-labor-del:hover{background:#dc26264d}html.dark .est-labor-memo-input{background:#0f172a;color:#64748b}html.dark .est-labor-memo-input:focus{background:#1e293b;color:#e2e8f0}html.dark .est-labor-amt{color:#93c5fd}html.dark .est-labor-amt.negative{color:#f87171}html.dark .btn-profile-always{background:#4ade801f;color:#4ade80;border-color:#4ade804d}html.dark .btn-profile-always:hover{background:#4ade8038}html.dark .btn-est-standalone{background:#4ade801f;color:#4ade80;border-color:#4ade804d}html.dark .btn-est-standalone:hover{background:#4ade8038}html.dark .result-section{border-top-color:#334155}html.dark .qty-result-input{background:#1e293b!important;color:#64748b!important}html.dark .qty-result-input.filled{background:#1e3a5f!important;color:#93c5fd!important}html.dark .est-profile-link{background:#2563eb26;color:#93c5fd;border-color:#2563eb4d}html.dark .est-profile-link:hover{background:#2563eb40}html.dark .sig-preview-wrap{background:#1e293b}html.dark .btn-sig-upload{background:#2563eb33;color:#93c5fd;border-color:#2563eb66}html.dark .btn-sig-upload:hover{background:#2563eb4d}html.dark .btn-sig-clear{background:#dc262633;color:#f87171;border-color:#dc26264d}html.dark .btn-sig-clear:hover{background:#dc26264d}html.dark .btn-records{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}html.dark .btn-records:hover{background:#fbbf2440}html.dark .btn-estimates-nav{background:#05966926;color:#34d399;border-color:#0596694d}html.dark .btn-estimates-nav:hover{background:#05966940}html.dark .rc-header{background:#0f172a;border-color:#334155}html.dark .rc-name{color:#f1f5f9}html.dark .rc-info-grid,html.dark .rc-info-item{border-color:#334155}html.dark .rc-info-label{color:#64748b}html.dark .rc-info-val{color:#e2e8f0}html.dark .rc-qty-section{border-color:#334155}html.dark .rc-qty-num{color:#60a5fa}html.dark .rc-qty-unit{color:#64748b}html.dark .rc-qty-box{background:#334155;color:#94a3b8}html.dark .rc-price-section{background:#0f172a;border-color:#334155}html.dark .rc-price-input-group{background:#1e293b;border-color:#334155}html.dark .rc-price-input{color:#f1f5f9}html.dark .rc-price-unit{color:#64748b}html.dark .rc-subtotal{color:#93c5fd}html.dark .total-card{background:#1e3a5f;border-color:#1e40af}html.dark .total-label{color:#93c5fd}html.dark .total-val{color:#60a5fa}html.dark .totals-title{color:#64748b}html.dark .estimate-card{background:linear-gradient(135deg,#0f1f3d,#1e3a5f);border-color:#1e40af}html.dark .estimate-title{color:#93c5fd}html.dark .er-label{color:#94a3b8}html.dark .er-val{color:#f1f5f9}html.dark .er-vat{color:#4ade80}html.dark .estimate-divider{background:#3b82f633}html.dark .er-label-bold{color:#f1f5f9}html.dark .er-val-bold{color:#60a5fa}html.dark .vat-toggle{background:#334155;border-color:#475569;color:#94a3b8}html.dark .vat-toggle.active{background:#166534;border-color:#4ade80;color:#fff}html.dark .divider{background:#334155}html.dark .modal{background:#1e293b}html.dark .modal-overlay{background:#000000a6}html.dark .modal-title{color:#f1f5f9}html.dark .modal-subtitle{color:#64748b}html.dark .modal-close{background:#334155;color:#94a3b8}html.dark .modal-close:hover{background:#475569}html.dark .modal-body .form-error{color:#f87171}html.dark .btn-full-secondary{background:#334155;color:#cbd5e1;border-color:#475569}html.dark .btn-full-secondary:hover{background:#475569}html.dark .pdf-info-note{background:#1e293b;border-color:#334155;color:#64748b}html.dark .records-search-wrap{background:#0f172a;border-color:#334155}html.dark .records-search-input{color:#f1f5f9}html.dark .records-search-input::placeholder{color:#475569}html.dark .site-header{background:#0f172a}html.dark .site-header:hover{background:#1e293b}html.dark .site-name{color:#f1f5f9}html.dark .site-meta{color:#64748b}html.dark .site-records{border-color:#334155}html.dark .record-entry{border-color:#1e293b}html.dark .record-date{color:#64748b}html.dark .record-row{color:#cbd5e1}html.dark .record-memo{background:#0f172a;border-color:#334155;color:#64748b}html.dark .btn-load-record{background:#1e3a5f;color:#93c5fd}html.dark .btn-load-record:hover{background:#1e40af}html.dark .btn-pdf-record{background:#a78bfa26;color:#a78bfa}html.dark .btn-pdf-record:hover{background:#a78bfa40}html.dark .btn-del-record{background:#f8717126;color:#f87171}html.dark .mat-picker-sheet{background:#1e293b}html.dark .picker-header{border-color:#334155}html.dark .picker-title{color:#f1f5f9}html.dark .picker-handle{background:#475569}html.dark .picker-sec-title{color:#64748b}html.dark .picker-chip{background:#334155;border-color:#475569;color:#94a3b8}html.dark .picker-chip:hover{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html.dark .fav-chip{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}html.dark .picker-cat-tabs{border-color:#334155}html.dark .cat-tab{background:#334155;color:#94a3b8}html.dark .cat-tab:hover{background:#1e3a5f;color:#93c5fd}html.dark .cat-tab.active{background:#2563eb;color:#fff}html.dark .mat-card{background:#0f172a;border-color:#334155}html.dark .mat-card:hover{background:#1e293b;border-color:#3b82f6}html.dark .mat-card-name{color:#f1f5f9}html.dark .mat-card-spec{color:#64748b}html.dark .mat-card-price{color:#60a5fa}html.dark .mat-fav-btn{border-color:#334155;color:#64748b}html.dark .mat-fav-btn:hover,html.dark .mat-fav-btn.active{background:#fbbf2426;border-color:#fbbf244d;color:#fbbf24}html.dark .mat-edit-btn{border-color:#334155;color:#475569}html.dark .mat-edit-btn:hover{background:#1e293b;border-color:#3b82f6;color:#60a5fa}html.dark .mat-custom-badge{background:#1e3a5f;color:#60a5fa}html.dark .mat-type-length{background:#1e3a5f;color:#93c5fd}html.dark .mat-type-qty{background:#334155;color:#94a3b8}html.dark .mat-wip-badge{background:#d9770633;color:#fbbf24}html.dark .mat-edit-close:hover{background:#1e293b;color:#f1f5f9}html.dark .mat-edit-label{color:#64748b}html.dark .mat-edit-btn-reset{border-color:#334155;color:#64748b}html.dark .mat-edit-btn-reset:hover{background:#1e293b;color:#f1f5f9}html.dark .mat-edit-btn-cancel{color:#475569}html.dark .mat-edit-btn-cancel:hover{color:#f1f5f9}html.dark .mat-del-btn{border-color:#334155;color:#475569}html.dark .mat-del-btn:hover{background:#ef444426;border-color:#ef444466;color:#f87171}html.dark .mat-user-badge{background:#16a34a26;color:#4ade80}html.dark .mat-add-trigger{border-color:#334155;color:#475569}html.dark .mat-add-trigger:hover{border-color:#3b82f6;color:#60a5fa;background:#3b82f614}html.dark .mat-add-form{background:#0f172a;border-color:#3b82f6}html.dark .mat-add-title{color:#f1f5f9}html.dark .mat-add-input{background:#1e293b;border-color:#334155;color:#f1f5f9}html.dark .mat-add-input:focus{border-color:#3b82f6}html.dark .mat-add-select{background:#1e293b;border-color:#334155;color:#f1f5f9}html.dark .unit-selector{background:#334155}html.dark .unit-group-label{color:#475569}html.dark .unit-sep{background:#475569}html.dark .unit-btn{color:#64748b}html.dark .unit-btn:hover{background:#475569;color:#cbd5e1}html.dark .unit-btn.active{background:#0f172a;color:#60a5fa}html.dark .unit-hint{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html.dark .promo-banner{background:linear-gradient(135deg,#1e3a5f,#1e3a8a);border-color:#1e40af}html.dark .promo-text{color:#93c5fd}html.dark .btn-google{background:#1e293b;border-color:#334155;color:#f1f5f9}html.dark .btn-google:hover{background:#334155}html.dark .auth-note{color:#475569}html.dark .feature-card{background:#0f172a;border-color:#1e293b;color:#94a3b8}html.dark .feature-card strong{color:#e2e8f0}html.dark .feature-card-pro{background:#1c1400;border-color:#854d0e}html.dark .input-type-guide{background:#0f172a;border-color:#1e293b;color:#64748b}html.dark .onb-welcome{background:#1e293b}html.dark .onb-welcome-title{color:#f1f5f9}html.dark .onb-welcome-feats li{background:#0f172a;color:#cbd5e1}html.dark .onb-welcome-skip{color:#475569}html.dark .onb-tooltip{background:#1e293b;box-shadow:0 8px 36px #0000008c}html.dark .onb-dot{background:#334155}html.dark .onb-title{color:#f1f5f9}html.dark .onb-desc{color:#94a3b8}html.dark .onb-btn-skip{color:#475569}html.dark .btn-help-guide{background:#2e1065;color:#c4b5fd;border-color:#5b21b6}html.dark .btn-help-guide:hover{background:#7c3aed;color:#fff;box-shadow:0 4px 8px #7c3aed59}html.dark .premium-feature{background:#0f172a;border-color:#334155}html.dark .premium-feature-text{color:#cbd5e1}html.dark .pay-methods-label{color:#475569}html.dark .footer{background:#1e293b;border-color:#334155}html.dark .footer-info{color:#64748b}html.dark .footer-info strong,html.dark .footer-link{color:#94a3b8}html.dark .copyright{color:#475569}html.dark .legal-content{color:#cbd5e1}html.dark .legal-content h3{color:#f1f5f9}html.dark .row-error{background:#f871711f;color:#f87171}html.dark .header h1{color:#f1f5f9}html.dark .header p{color:#64748b}html.dark .section-label{color:#475569}html.dark .results-header h2{color:#f1f5f9}html.dark .share-preview{border-color:#334155}html.dark .share-loading{color:#64748b}html.dark .estimate-screen{background:#0f172a}html.dark .est-screen-hdr{background:#0f172a;border-bottom:1px solid #1e293b}html.dark .est-card{background:#1e293b;box-shadow:0 1px 4px #0000004d}html.dark .est-card-hdr{background:#0f172a;border-color:#334155;color:#93c5fd}html.dark .est-card-body .form-label{color:#94a3b8}html.dark .est-mat-table th{background:#0f172a;color:#64748b}html.dark .est-mat-table td{border-color:#1e293b}html.dark .est-mat-name{color:#e2e8f0}html.dark .est-mat-area,html.dark .est-mat-qty{color:#94a3b8}html.dark .est-mat-amt{color:#60a5fa}html.dark .est-sum-row{color:#94a3b8;border-color:#1e293b}html.dark .est-sum-sep{border-color:#334155}html.dark .est-sum-total{color:#60a5fa;border-color:#3b82f6!important}html.dark .est-empty-msg,html.dark .est-card-hdr-note{color:#475569}html.dark .picker-search-wrap{border-color:#334155}html.dark .picker-search-input{color:#f1f5f9}html.dark .picker-search-input::placeholder{color:#475569}html.dark .picker-search-clear{color:#475569}html.dark .picker-search-clear:hover{color:#94a3b8;background:#334155}html.dark .picker-no-results{color:#475569}html.dark .mat-search-cat{color:#60a5fa}html.dark .btn-duplicate{color:#475569}html.dark .btn-duplicate:hover{color:#93c5fd;background:#3b82f626}.persona-cards{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.persona-cards::-webkit-scrollbar{display:none}.persona-card{flex:1 1 0;min-width:140px;padding:14px 12px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column;gap:4px}.persona-card:hover{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.persona-icon{font-size:1.25rem;line-height:1}.persona-title{font-size:.8125rem;font-weight:700;color:var(--text-primary)}.persona-value{font-size:.6875rem;color:var(--primary);font-weight:600}.persona-scenario{font-size:.6875rem;color:var(--text-secondary);line-height:1.45}.guide-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#f8fafc;transform:translateY(100%);transition:transform .32s cubic-bezier(.32,.72,0,1);display:flex;flex-direction:column;overflow:hidden}.guide-page.open{transform:translateY(0)}.guide-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0;position:sticky;top:0;z-index:1}.guide-back{width:36px;height:36px;border-radius:10px;border:1.5px solid #e5e7eb;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#111827;cursor:pointer;transition:background .12s,border-color .12s}.guide-back:hover{background:#e5e7eb}.guide-header-title{font-size:.9375rem;font-weight:700;color:#111827}.guide-body{flex:1;overflow-y:auto;padding:0 16px 40px;-webkit-overflow-scrolling:touch}.guide-hero{text-align:center;padding:28px 0 20px}.guide-hero-emoji{font-size:2.5rem;line-height:1;margin-bottom:10px}.guide-hero-title{font-size:1.375rem;font-weight:800;color:#111827;margin:0 0 8px}.guide-hero-sub{font-size:.875rem;color:#6b7280;margin:0}.guide-toc{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:28px}.guide-toc-item{padding:6px 12px;border-radius:99px;border:1.5px solid #e5e7eb;background:#fff;font-size:.75rem;font-weight:600;color:#6b7280;text-decoration:none;transition:border-color .12s,color .12s,background .12s}.guide-toc-item:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.guide-section{margin-bottom:36px;scroll-margin-top:70px}.gs-section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.gs-section-icon{font-size:1.25rem}.gs-section-title{font-size:1.0625rem;font-weight:800;color:#111827;flex:1;margin:0}.gs-section-badge{font-size:.6875rem;font-weight:700;padding:3px 8px;border-radius:99px;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.gs-badge-pro{background:#fffbeb;color:#d97706;border-color:#fde68a}.gs-section-intro{font-size:.875rem;color:#4b5563;line-height:1.65;margin:0 0 16px;padding:12px 14px;background:#fff;border-radius:10px;border-left:3px solid #2563eb}.gs-steps{display:flex;flex-direction:column;gap:16px}.gs-step{display:flex;gap:14px;padding:16px;background:#fff;border-radius:14px;border:1.5px solid #e5e7eb}.gs-step-num{width:28px;height:28px;border-radius:50%;background:#2563eb;color:#fff;font-size:.875rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.gs-step-body{flex:1;min-width:0}.gs-step-title{font-size:.9rem;font-weight:700;color:#111827;margin-bottom:6px}.gs-step-desc{font-size:.8125rem;color:#4b5563;line-height:1.65;margin:0}.gs-step-desc strong{color:#111827}.gs-card-list{display:flex;flex-direction:column;gap:12px}.gs-card{display:flex;gap:14px;align-items:flex-start;padding:16px;background:#fff;border-radius:14px;border:1.5px solid #e5e7eb}.gs-card-icon{font-size:1.375rem;flex-shrink:0;margin-top:1px;line-height:1}.gs-card-content{flex:1;min-width:0}.gs-card-title{font-size:.9rem;font-weight:700;color:#111827;margin-bottom:5px}.gs-card-desc{font-size:.8125rem;color:#4b5563;line-height:1.65;margin:0}.gs-card-desc strong{color:#111827}.gs-tip{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:9px 12px;background:#fefce8;border-radius:8px;font-size:.78rem;color:#854d0e;line-height:1.55}.gs-tip-icon{flex-shrink:0;font-size:.95rem}.gs-tip-block{margin-top:16px;padding:12px 14px;font-size:.8125rem}.gs-info-row{display:flex;flex-direction:column;gap:6px;margin-top:10px}.gs-info-chip{display:flex;flex-direction:column;gap:2px;padding:9px 12px;background:#f0fdf4;border-radius:8px;font-size:.78rem;color:#166534}.gs-info-chip-label{font-weight:700;font-size:.75rem}.gs-faq-list{display:flex;flex-direction:column;gap:2px}.gs-faq{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:border-color .12s}.gs-faq[open]{border-color:#2563eb}.gs-faq-q{padding:14px 16px;font-size:.875rem;font-weight:700;color:#111827;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;background:#fff}.gs-faq-q::-webkit-details-marker{display:none}.gs-faq-q:before{content:"";flex-shrink:0;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%232563eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='m9 18 6-6-6-6'/%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:center;transition:transform .2s}.gs-faq[open] .gs-faq-q:before{transform:rotate(90deg)}.gs-faq-a{padding:0 16px 14px;font-size:.8125rem;color:#4b5563;line-height:1.65;margin:0;background:#fff}.gs-faq-a strong{color:#111827}.guide-footer{text-align:center;padding:20px 16px 8px;border-top:1px solid #e5e7eb;margin-top:8px}.guide-footer p{font-size:.8125rem;color:#6b7280;margin:0 0 14px}.guide-footer-close{padding:12px 32px;border-radius:12px;background:#2563eb;color:#fff;font-size:.9375rem;font-weight:700;border:none;cursor:pointer;transition:background .12s}.guide-footer-close:hover{background:#1d4ed8}html.dark .guide-page{background:#0f172a}html.dark .guide-header{background:#1e293b;border-color:#334155}html.dark .guide-back{background:#0f172a;border-color:#334155;color:#f1f5f9}html.dark .guide-back:hover{background:#334155}html.dark .guide-header-title,html.dark .guide-hero-title{color:#f1f5f9}html.dark .guide-hero-sub{color:#94a3b8}html.dark .guide-toc-item{background:#1e293b;border-color:#334155;color:#94a3b8}html.dark .guide-toc-item:hover{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html.dark .gs-section-header{border-color:#334155}html.dark .gs-section-title{color:#f1f5f9}html.dark .gs-section-intro{background:#1e293b;color:#cbd5e1;border-color:#3b82f6}html.dark .gs-step{background:#1e293b;border-color:#334155}html.dark .gs-step-title{color:#f1f5f9}html.dark .gs-step-desc{color:#94a3b8}html.dark .gs-step-desc strong{color:#e2e8f0}html.dark .gs-card{background:#1e293b;border-color:#334155}html.dark .gs-card-title{color:#f1f5f9}html.dark .gs-card-desc{color:#94a3b8}html.dark .gs-card-desc strong{color:#e2e8f0}html.dark .gs-tip{background:#1c1400;color:#fbbf24}html.dark .gs-info-chip{background:#052e16;color:#86efac}html.dark .gs-faq{background:#1e293b;border-color:#334155}html.dark .gs-faq[open]{border-color:#3b82f6}html.dark .gs-faq-q{background:#1e293b;color:#f1f5f9}html.dark .gs-faq-a{background:#1e293b;color:#94a3b8}html.dark .gs-faq-a strong{color:#e2e8f0}html.dark .guide-footer{border-color:#334155}html.dark .guide-footer p{color:#64748b}.bundle-section{margin-bottom:20px}.bundle-section-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.bundle-section-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.bundle-counter{font-size:.6875rem;color:var(--text-secondary);background:var(--border);border-radius:99px;padding:1px 7px;font-weight:600}.btn-save-bundle{margin-left:auto;display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;border:1.5px solid var(--primary);background:transparent;color:var(--primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.btn-save-bundle:hover{background:var(--primary);color:#fff}.bundle-card{position:relative}.bundle-delete-btn{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .12s,color .12s,border-color .12s;padding:0}.bundle-delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.bundle-empty{display:flex;flex-direction:column;gap:4px;padding:16px 0;text-align:center;width:100%}.bundle-empty-main{font-size:.8125rem;color:var(--text-secondary);font-weight:600}.bundle-empty-hint{font-size:.6875rem;color:var(--text-secondary);opacity:.7}html.dark .bundle-counter{background:#334155;color:#94a3b8}html.dark .bundle-delete-btn{background:#1e293b;border-color:#334155;color:#64748b}html.dark .bundle-delete-btn:hover{background:#450a0a;border-color:#7f1d1d;color:#f87171}.est-fin-section{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg);border-radius:8px;margin-bottom:4px}.est-fin-row{display:flex;align-items:center;gap:10px}.est-fin-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);min-width:72px;flex-shrink:0}.est-vat-toggle{padding:5px 12px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.est-vat-toggle.active{border-color:var(--primary);background:#eff6ff;color:var(--primary)}.est-discount-wrap{display:flex;align-items:center;gap:8px;flex:1}.est-fin-select{flex:0 0 auto;max-width:140px;font-size:.8125rem!important}.est-discount-input-wrap{flex:1}.est-deposit-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.est-deposit-type-sel{max-width:84px!important;flex-shrink:0}.est-deposit-input{flex-shrink:0}.est-deposit-sep{font-size:.8125rem;color:var(--gray-500);flex-shrink:0}.est-deposit-bal{font-size:.8125rem;font-weight:700;color:var(--primary);flex-shrink:0}.est-presets-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.est-preset-chip{padding:3px 10px;border-radius:99px;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:border-color .12s,color .12s}.est-preset-chip:hover{border-color:var(--primary);color:var(--primary)}.est-sum-deposit{border-top:1px dashed var(--border)!important;margin-top:4px;padding-top:4px;color:var(--primary)!important;font-weight:600}html.dark .persona-card{background:#1e293b;border-color:#334155}html.dark .persona-card:hover{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1f}html.dark .persona-title{color:#e2e8f0}html.dark .persona-value{color:#93c5fd}html.dark .persona-scenario{color:#64748b}html.dark .est-fin-section{background:#0f172a}html.dark .est-vat-toggle{background:#1e293b;border-color:#334155;color:#94a3b8}html.dark .est-vat-toggle.active{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html.dark .est-preset-chip{background:#1e293b;border-color:#334155;color:#94a3b8}html.dark .est-preset-chip:hover{border-color:#60a5fa;color:#93c5fd}html.dark .est-deposit-sep{color:#475569}html.dark .est-deposit-bal{color:#93c5fd}html.dark .est-sum-deposit{color:#93c5fd!important;border-color:#334155!important}.version-badge{display:inline-flex;align-items:center;margin-left:6px;padding:2px 7px;border-radius:99px;font-size:.625rem;font-weight:700;background:#ffffff2e;color:#ffffffd9;letter-spacing:.03em;cursor:pointer;transition:background .15s}.version-badge:hover{background:#ffffff4d}.profile-export-section{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.profile-export-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:8px}.profile-export-btns{display:flex;gap:6px;flex-wrap:wrap}.btn-export{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:border-color .12s,color .12s}.btn-export:hover{border-color:var(--primary);color:var(--primary)}.btn-import{color:var(--primary);border-color:var(--primary);background:#eff6ff}.btn-import:hover{background:#dbeafe}.profile-export-note{margin-top:6px;font-size:.6875rem;color:var(--text-secondary);line-height:1.5}.changelog-body{max-height:60vh;overflow-y:auto}.changelog-body .cl-h2{font-size:.9375rem;font-weight:800;color:var(--primary);margin:16px 0 6px;padding-bottom:5px;border-bottom:2px solid var(--primary)}.changelog-body .cl-h2:first-child{margin-top:0}.changelog-body .cl-h3{font-size:.8125rem;font-weight:700;color:var(--text-primary);margin:10px 0 4px}.changelog-body .cl-ul{margin:0 0 6px;padding-left:18px}.changelog-body .cl-ul li{font-size:.8125rem;color:var(--text-secondary);margin-bottom:3px;line-height:1.55}.changelog-body .cl-ul li strong{color:var(--text-primary)}.changelog-body .cl-p{font-size:.8125rem;color:var(--text-secondary);margin:4px 0;line-height:1.55}.changelog-body .cl-hr{border:none;border-top:1px solid var(--border);margin:12px 0}.changelog-body code{font-size:.75rem;background:var(--bg);padding:1px 4px;border-radius:3px}.footer-changelog-link{color:var(--primary)!important;font-weight:600}.top-mats-widget{padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg)}.top-mats-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);letter-spacing:.04em;margin-bottom:8px}.top-mats-period{font-weight:400;opacity:.7}.top-mats-row{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:.75rem}.top-mats-rank{width:16px;text-align:center;font-weight:700;color:var(--primary);flex-shrink:0}.top-mats-name{width:90px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);font-weight:500}.top-mats-bar-wrap{flex:1;height:8px;background:var(--border);border-radius:99px;overflow:hidden}.top-mats-bar{height:100%;background:var(--primary);border-radius:99px;transition:width .4s ease;min-width:4px}.top-mats-cnt{width:36px;text-align:right;flex-shrink:0;color:var(--text-secondary);font-size:.6875rem}.top-mats-empty{padding:10px 16px;font-size:.8125rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}html.dark .btn-export{background:#1e293b;border-color:#334155;color:#94a3b8}html.dark .btn-export:hover{border-color:#60a5fa;color:#93c5fd}html.dark .btn-import{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}html.dark .btn-import:hover{background:#1e40af}html.dark .changelog-body .cl-h2{color:#60a5fa;border-color:#3b82f6}html.dark .changelog-body .cl-h3{color:#e2e8f0}html.dark .changelog-body .cl-ul li{color:#94a3b8}html.dark .changelog-body .cl-ul li strong{color:#e2e8f0}html.dark .changelog-body .cl-p{color:#94a3b8}html.dark .changelog-body .cl-hr{border-color:#1e293b}html.dark .changelog-body code{background:#0f172a;color:#93c5fd}html.dark .top-mats-widget{background:#0f172a;border-color:#1e293b}html.dark .top-mats-bar{background:#3b82f6}html.dark .top-mats-bar-wrap{background:#1e293b}html.dark .top-mats-empty{border-color:#1e293b}.timeline-steps{display:flex;align-items:center;justify-content:space-between;background:#ffffffa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:14px 20px;margin:20px 0 28px;box-shadow:var(--shadow-md);transition:all .3s ease}html.dark .timeline-steps{background:#1e293b80;border:1px solid rgba(255,255,255,.05)}.timeline-step{display:flex;align-items:center;gap:8px;color:var(--gray-400);font-weight:600;font-size:.8125rem}.timeline-step.active{color:var(--primary)}.timeline-step.completed{color:var(--success)}.step-num{width:22px;height:22px;border-radius:50%;background:var(--gray-200);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;transition:all .25s ease}.timeline-step.active .step-num{background:var(--primary);color:#fff;box-shadow:0 0 12px #2563eb59}.timeline-step.completed .step-num{background:var(--success);color:#fff;box-shadow:0 0 12px #16a34a59}.timeline-connector{flex:1;height:2px;background:var(--gray-200);margin:0 12px}html.dark .step-num{background:var(--gray-800);color:var(--gray-400)}html.dark .timeline-connector{background:var(--gray-800)}.step-section-title{display:flex;align-items:center;gap:10px;margin:32px 0 16px;position:relative}.step-badge{background:var(--primary);color:#fff;font-size:.725rem;font-weight:800;padding:3.5px 8px;border-radius:6px;letter-spacing:.02em;box-shadow:0 2px 6px #2563eb33}.step-badge-success{background:var(--success);box-shadow:0 2px 6px #16a34a33}.step-section-title h2{font-size:1.15rem;font-weight:800;color:var(--gray-900);margin:0;letter-spacing:-.025em}html.dark .step-section-title h2{color:#f8fafc}.autosave-badge{font-size:.675rem;color:var(--success);background:var(--success-light);padding:2.5px 8px;border-radius:99px;font-weight:600;margin-left:auto;display:inline-flex;align-items:center;border:1px solid rgba(22,163,74,.15);animation:subtle-pulse 2s infinite ease-in-out}@keyframes subtle-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}html.dark .autosave-badge{background:#16a34a1f;color:#34d399;border-color:#34d39926}.est-sig-onboarding-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;padding:12px 16px;margin-bottom:20px;cursor:pointer;transition:all .2s ease-in-out;box-shadow:var(--shadow)}.est-sig-onboarding-banner:hover{transform:translateY(-1.5px);box-shadow:var(--shadow-md);filter:brightness(1.015)}.est-sig-onboarding-banner:active{transform:translateY(0)}.est-sig-onboarding-icon{font-size:1.2rem;animation:bounce 2s infinite}.est-sig-onboarding-text{font-size:.8rem;color:#78350f;font-weight:600;line-height:1.45}.est-sig-onboarding-text strong{font-weight:800;text-decoration:underline}html.dark .est-sig-onboarding-banner{background:linear-gradient(135deg,#d9770624,#d9770633);border:1px solid rgba(217,119,6,.25)}html.dark .est-sig-onboarding-text{color:#fcd34d}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.btn-est-standalone{background:linear-gradient(135deg,#059669,#047857)!important;color:#fff!important;border:none!important;box-shadow:0 4px 14px #0478574d!important;font-weight:700!important;font-size:.95rem!important;padding:13px 24px!important;border-radius:10px!important;transition:all .2s ease-in-out!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.btn-est-standalone:hover{box-shadow:0 6px 18px #04785766!important;filter:brightness(1.06)!important;transform:translateY(-1.5px)!important}.btn-est-standalone:active{transform:translateY(0)!important;box-shadow:0 2px 8px #04785733!important}input,select,textarea,button{min-height:44px}.btn,.nav-btn,.est-hdr-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.topnav-inner{height:60px}.row-card{border-radius:14px;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html.dark .row-card{background:#1e293bb3;border-color:#ffffff0d}