:root{--ui-font:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;--invoice-font:var(--ui-font);--page-max-width:1600px;--bg:#f7f9fb;--surface:#fff;--ink:#000;--muted:#000;--brand:#0b1220;--brand-700:#0b1220;--border:#000;--ring:#0a291f59;--shadow:0 14px 34px #02061712,0 2px 8px #0206170d;--tbl-border:#000;--tbl-header:#000;--tbl-zebra:#fff;--tbl-subtle:#fff;--tbl-accent:#fff}html,body{width:100%;height:100%;margin:0;padding:0}#root{width:100%;min-height:100%}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;overflow-x:hidden}.login-page{background:radial-gradient(circle at 0 0,#3fff8c2e,#0000 32%),linear-gradient(135deg,#f8fafc 0%,#e8eef5 100%);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{box-sizing:border-box;width:min(100%,420px);box-shadow:var(--shadow);background:#fff;border:1px solid #000;border-radius:8px;gap:14px;padding:28px;display:grid}.login-logo-mark{background:#07111f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:-webkit-max-content;width:max-content;margin-bottom:4px;padding:10px 14px;display:flex;box-shadow:0 12px 28px #07111f2e}.login-logo{width:132px;height:auto;display:block}.login-card h1{color:#0f172a;margin:0;font-size:26px;line-height:1.2}.login-subtitle{color:#475569;margin:0 0 6px;font-weight:600}.login-message{color:#7c2d12;background:#fff7ed;border:1px solid #b45309;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.login-message.is-blocked{color:#7f1d1d;background:#fef2f2;border-color:#991b1b}.login-button{width:100%;min-height:44px}.remember-login{color:#334155;flex-direction:row;align-items:center;gap:10px;margin:2px 0 0;font-size:13px;font-weight:700;display:flex}.remember-login input{accent-color:#0b1220;width:16px;height:16px;margin:0}.remember-login span{line-height:1.3}.login-button:disabled,.input:disabled{cursor:not-allowed;opacity:.68}.app-shell{width:100%;min-height:100%;padding:16px}.container-xxl{width:100%;max-width:var(--page-max-width);grid-template-columns:1fr;gap:16px;margin:auto;display:grid}@media (min-width:1024px){.container-xxl{grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr)}}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;min-width:0;padding:16px}.container-xxl>.card:last-child{overflow:hidden!important}.topbar{z-index:50;background:var(--brand);color:#fff;width:100%;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;box-shadow:0 10px 30px #02061733}.topbar .inner{width:100%;max-width:var(--page-max-width);align-items:center;gap:14px;margin:auto;padding:12px 16px;display:flex}.topbar-logo{width:auto;height:26px}.topbar-title{letter-spacing:.25px;font-weight:800}.badge{background:#ffffff29;border:1px solid #00000040;border-radius:999px;margin-left:auto;padding:6px 12px;font-size:12.5px}.topbar-nav{align-items:center;gap:10px;margin-left:auto;display:flex}.top-link{color:#fff;background:#ffffff1f;border:1px solid #00000059;border-radius:999px;align-items:center;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.top-link:hover{background:#ffffff38;border-color:#0000008c}.topbar-right{align-items:center;gap:10px;display:flex}.top-button{font:inherit;cursor:pointer}.card h3{margin:12px 0 10px;font-weight:700}.section-head{align-items:center;gap:10px;margin:6px 0 14px;display:flex}.section-head .line{background:var(--border);flex:1;height:1px}.form-grid{gap:18px;display:grid}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.form-row>.form-span-full{grid-column:1/-1}@media (min-width:640px){.form-row.form-3{grid-template-columns:repeat(3,1fr)}.form-row.form-row-cabinet-outdoor{grid-template-columns:repeat(3,minmax(0,1fr))}}label{color:#1e293b;white-space:normal;flex-direction:column;gap:4px;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}.input,.select{box-sizing:border-box;border:1px solid var(--border);color:#111827;-webkit-appearance:none;appearance:none;background:#fff;border-radius:10px;width:100%;height:40px;padding:10px 12px;transition:all .15s}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.input:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring);outline:none}.select option:checked,.select option:hover,.select option:focus{color:#111827;background:#fff}.custom-select{width:100%;position:relative}.custom-select-trigger{box-sizing:border-box;border:1px solid var(--border);color:#111827;width:100%;height:40px;font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 36px 10px 12px;display:flex}.custom-select-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-select.disabled .custom-select-trigger{cursor:not-allowed;opacity:.68}.custom-select-trigger:after{content:"";pointer-events:none;border-bottom:1.5px solid #111827;border-right:1.5px solid #111827;width:8px;height:8px;position:absolute;right:14px;transform:translateY(-2px)rotate(45deg)}.custom-select.open .custom-select-trigger,.custom-select-trigger:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring);outline:none}.custom-select.open .custom-select-trigger{border-bottom-right-radius:0;border-bottom-left-radius:0}.custom-select-menu{z-index:80;border:1px solid var(--border);background:#fff;border-top:0;border-radius:0 0 10px 10px;width:-webkit-max-content;width:max-content;min-width:100%;max-width:min(640px,100vw - 32px);max-height:220px;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 12px 24px #02061729}.custom-select-option{color:#111827;width:100%;min-width:-webkit-max-content;min-width:max-content;min-height:28px;font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;text-overflow:clip;white-space:nowrap;background:#fff;border:0;padding:5px 12px;display:block;overflow:visible}.custom-select-option[aria-selected=true]{color:#111827;background:#fff}.custom-select-option:hover,.custom-select-option:focus{color:#fff;background:#2563eb;outline:none}.custom-select-option:active{color:#111827;background:#fff;outline:none}.inline{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.radio{-webkit-appearance:none;appearance:none;border:1px solid var(--border);border-radius:50%;width:16px;height:16px;position:relative}.radio:checked{border-color:var(--brand)}.radio:checked:after{content:"";background:var(--brand);border-radius:50%;position:absolute;top:3px;bottom:3px;left:3px;right:3px}section{background:#fafafa;border:1px solid #000;border-radius:12px;margin-bottom:14px;padding:12px 14px;box-shadow:0 1px 3px #0000000a}section h3{color:#111827;margin-bottom:6px;font-size:16px;font-weight:700}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-700)}.summary{gap:12px;margin-top:10px;display:grid}@media (min-width:540px){.summary{grid-template-columns:repeat(3,1fr)}}.sum-card{background:#f1f8f5;border:1px solid #d7efe4;border-radius:12px;padding:12px 14px}.sum-label{color:#0f5132;font-size:12.5px}.sum-value{color:#065f46;font-size:18px;font-weight:800}.invoice-wrap{width:794px;height:auto;min-height:1123px;box-shadow:none;background:0 0;border:0;border-radius:0;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.invoice-inner{z-index:2;transform-origin:top;padding:150px 34px 128px;position:relative;transform:none}@media (max-width:900px){.invoice-wrap{width:100%;height:auto;min-height:auto}.invoice-inner{padding:120px 20px 110px}}@media print{.invoice-wrap{width:794px;min-height:1123px}.invoice-inner{padding:150px 34px 128px!important;transform:none!important}}#invoice-root{width:794px;height:auto;min-height:1123px;margin:0 auto;position:relative}.invoice-pad-bg{object-fit:cover;opacity:.22;z-index:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pad--contain{background:#fff;object-fit:contain!important;opacity:1!important}.pad--cover{object-fit:cover!important}.invoice-dark .invoice-inner{color:#fff}.invoice-dark .brand-sub{color:#ffffffc7}.ref-row{justify-content:space-between;align-items:flex-end;margin-bottom:10px;display:flex}.ref-row.tidy{border-bottom:1px solid #000;padding-bottom:6px}.ref-left,.ref-right{color:#000;font-size:13.5px}.ref-left .ref-note{color:#000;margin-top:2px;font-size:11.5px}.info-box{background:0 0;border:0;border-radius:0;margin:8px 0 12px;padding:0}.info-box .info-title{color:#000;background:0 0;border:0;padding:6px 0 8px;font-weight:700}.info-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.info-tier-badge{margin-left:auto;padding:6px 12px;font-size:13px}.info-badge-row{grid-column:2;justify-content:flex-end;align-items:center;margin-top:-4px;display:flex}.info-badge-row .tier-badge{margin:0}.info-quality-inline{flex:none;margin-left:auto}.info-box .info-grid{color:#0f172a;grid-template-columns:1fr 1fr;gap:8px;padding:6px 0 0;font-size:14px;font-weight:500;display:grid}.info-box .info-grid .info-label{color:#0f172a;margin-right:6px;font-weight:800}.info-address-value{font-weight:400}.info-full{grid-column:1/-1}.info-line{align-items:flex-start;gap:6px;min-width:0;display:flex}.address-line{align-items:center;gap:10px}.info-label{white-space:nowrap;color:#0f172a;flex:none;font-weight:600}.info-value{white-space:normal;word-break:normal;overflow-wrap:break-word;flex:auto;min-width:0}@media (max-width:620px){.info-box .info-grid{grid-template-columns:1fr}.info-badge-row{grid-column:1/-1;justify-content:flex-start}}.invoice-panel{box-shadow:none;color:#0f172a;background:#fffffff5;border:0;border-radius:10px;margin-top:10px;padding:10px 8px 14px}.price-title{background:#3fff8c;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:6px 0 10px;padding:8px 10px;display:flex}.price-title-left{white-space:nowrap;text-overflow:ellipsis;color:#000;text-align:center;flex:auto;min-width:0;font-size:14px;line-height:1.15;overflow:hidden}.sft-cal,.sft-cal-{font-weight:700}.tier-badge{white-space:nowrap;background:#fff;border:1px solid #000;border-radius:999px;flex:none;padding:4px 10px;font-size:14px;font-weight:800;line-height:1.2}.tier-badge.gold{color:#000;background:#fff}.tier-badge.platinum,.tier-badge.diamond{color:#000;background:#f8fbff}.table{border-spacing:0;border-collapse:separate;border:1px solid var(--tbl-border);background:#fff;width:100%;margin-top:12px;font-size:13.5px}.invoice-table{table-layout:fixed}.invoice-table .col-sl{width:5%}.invoice-table .col-item{width:50%}.invoice-table .col-unit{width:8%}.invoice-table .col-qty{width:6%}.invoice-table .col-unit-price{width:14%}.invoice-table .col-total-price{width:17%}.table th,.table td{vertical-align:top;color:#0f172a;background-clip:padding-box;padding:10px 5px}.table thead th{color:#000;text-align:left;background:#f5f7fb;font-size:13px;font-weight:700}.table th,.table td{border-right:1px solid var(--tbl-border);border-bottom:1px solid var(--tbl-border)}.table tr>:last-child{border-right:0}.table tbody tr:last-child>*{border-bottom:0}.table tbody tr:nth-child(2n) td{background:var(--tbl-zebra)}.row-subtle td{background:var(--tbl-subtle)!important}.row-accent td{background:var(--tbl-accent)!important}.total-big{font-size:16px;font-weight:800}.td-right{text-align:right}.td-center{text-align:center!important}.item-name{font-weight:600}.invoice-table td:nth-child(2),.invoice-table th:nth-child(2){overflow-wrap:anywhere;word-break:break-word}.item-brand{color:#000;margin-top:2px;font-size:11px;font-weight:500;line-height:1.2}.in-words{color:#000;margin-top:20px;font-size:13.5px}.in-words-value{font-style:italic}.quote-note{color:#000;background:#eef0f3;border-radius:12px;max-width:680px;margin-top:12px;padding:10px 14px;font-size:14px;font-style:italic;line-height:1.5;display:inline-block}.quote-note .label{font-style:italic;font-weight:600}.signatures{align-items:flex-end;gap:16px;margin-top:10px;display:flex}.seal-img{opacity:.95;width:65px;height:80px;margin-bottom:90px;margin-left:-205px}.sign-img{width:90px;height:55px;margin-top:15px;margin-bottom:5px;margin-left:-20px;display:block}.sig-block{flex-direction:column;display:flex}.sig-title{margin-top:50px;margin-bottom:-10px}.profile-name{flex-direction:column;font-family:Arial,Helvetica,sans-serif;line-height:1.2;display:flex}.profile-name .name{color:#000;margin-bottom:-20px;font-size:18px;font-weight:700}.profile-name .role{color:#000;margin-top:20px;font-size:14px;font-style:italic}#invoice-root .table tr.row-grey td{background:#e3e3e3!important}.invoice--bigger .price-title{padding:12px 14px;font-size:15px}.invoice--bigger .tier-badge{padding:7px 12px;font-size:13px}.invoice--bigger .info-grid{font-size:14.5px}.invoice--bigger .table thead th,.invoice--bigger .table td{padding:12px 14px;font-size:14.5px}.invoice--bigger .total-big{font-size:18px}.invoice--bigger-xl .price-title{padding:14px 16px;font-size:16px}.invoice--bigger-xl .tier-badge{padding:8px 12px;font-size:13.5px}.invoice--bigger-xl .info-grid{font-size:15px}.invoice--bigger-xl .table thead th,.invoice--bigger-xl .table td{padding:14px 16px;font-size:15.5px}.invoice--bigger-xl .total-big{font-size:19px}.invoice--pdf-scale .invoice-inner{padding:180px 42px 100px!important;transform:none!important}.invoice--pdf-scale .invoice-pad-bg{opacity:1!important;object-fit:contain!important}.invoice--pdf-scale .invoice-panel,.invoice--pdf-scale .table,.invoice--pdf-scale .table thead th,.invoice--pdf-scale .table td,.invoice--pdf-scale .row-subtle td,.invoice--pdf-scale .row-accent td{background:0 0!important}.invoice--pdf-scale #invoice-root{width:794px!important;height:1123px!important;overflow:hidden!important}@media print{.invoice--pdf-scale .invoice-inner{padding:180px 42px!important;transform:none!important}}.invoice--compact .invoice-inner{padding:160px 100px 60px!important}.invoice--compact .invoice-panel{font-size:13.5px}.invoice--compact .table{font-size:13px}.invoice--compact .table th,.invoice--compact .table td{padding:10px}.preview-mode .invoice-inner{transform:none!important}.preview-stage{width:100%;height:var(--preview-height,auto);min-height:var(--preview-height,auto);position:relative;overflow:hidden}#invoice-root.preview-mode,#terms-root.preview-mode{transform:scale(var(--preview-scale,1))!important;transform-origin:0 0!important}.invoice-viewport{width:100%;position:relative;overflow:visible;container-type:inline-size}@container (max-width:794px){.invoice-viewport #invoice-root{width:100%!important;height:auto!important}}.preview-mode #invoice-root,.preview-mode .invoice-wrap{width:794px!important;height:auto!important;min-height:1123px!important;box-shadow:none!important;border:0!important;overflow:visible!important}.preview-mode .invoice-panel{max-height:601px;overflow:auto;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.preview-mode .table,.preview-mode .table thead th,.preview-mode .table td,.preview-mode .table tbody tr:nth-child(2n) td,.preview-mode .row-subtle td,.preview-mode .row-accent td{background:0 0!important}.print-quality{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast}.print-quality *{filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;transform:none!important}.seal-img,.sign-img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.calc-footer{background:#0b1220;margin-top:18px;padding:18px 0}.calc-footer-inner{max-width:var(--page-max-width);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:0 auto;padding:0 18px;display:flex}.calc-footer-logo{filter:drop-shadow(0 6px 18px #00000040);width:auto;height:32px}.calc-footer-text{color:#ffffffeb;letter-spacing:.2px;font-size:13px;font-weight:700}.install-row{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:760px){.install-row{grid-template-columns:1fr 1fr;align-items:start}}.install-box{background:#fff;border:1px solid #000;border-radius:12px;padding:12px 14px;box-shadow:0 1px 3px #0000000a}.install-box h4{color:#111827;margin:0 0 8px;font-size:14px;font-weight:800}.install-auto-line{color:#111827;font-size:13px;font-weight:700}.install-auto-hint{color:#64748b;margin-top:6px;font-size:12px}.install-box.manual{background:#f8fafc}.install-muted{color:#64748b;margin-top:6px;font-size:12px}.install-box.is-disabled{opacity:.55;pointer-events:none}.ds-wrap{width:100%;box-shadow:none;background:#f1f5f9;border:0;border-radius:0;margin:0;padding:16px}.ds-card{width:100%;max-width:var(--page-max-width);background:#fff;border:1px solid #00000014;border-radius:8px;margin:0 auto;padding:18px 16px 14px}.ds-title{text-align:center;color:#0f172a;margin:4px 0 14px;font-size:max(22px,min(2vw,28px));font-weight:700}.ds-grid{grid-template-columns:minmax(130px,-webkit-max-content)minmax(0,1fr);grid-template-columns:minmax(130px,max-content) minmax(0,1fr);align-items:start;gap:14px;display:grid}.ds-grid .cabinet-label{color:#0a7cff;font-weight:600}.ds-grid .cabinet-line .ds-chip{border-color:#0a7cff}.ds-grid .cabinet-line .ds-chip.active{color:#fff;background:#0a7cff}.ds-label{color:#0f172a;white-space:normal;padding-top:6px;font-size:14px;font-weight:700;line-height:1.25}.ds-line{border-bottom:1px dashed #0f172a1f;flex-wrap:wrap;gap:8px;min-width:0;padding-bottom:12px;display:flex}.ds-chip{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #0f172a1f;border-radius:999px;min-width:38px;min-height:24px;padding:5px 9px;font-size:12px;font-weight:700;transition:all .15s}.ds-chip:hover{background:#eef2ff;border-color:#0f172a33}.ds-chip.active{color:#fff;background:#0a7cff;border-color:#0a7cff}.ds-hint{color:#64748b;text-align:center;margin-top:10px;font-size:12px}@media (max-width:768px){.ds-wrap{padding:12px}.ds-card{padding:16px 12px 12px}.ds-grid{grid-template-columns:1fr;gap:8px}.ds-label{padding-top:0}.ds-line{gap:7px;padding-bottom:14px}.ds-title{font-size:22px}}.brand-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand-left{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.brand-left>div{flex:1;min-width:0}.brand-title{white-space:normal;word-break:normal;overflow-wrap:normal;writing-mode:horizontal-tb;text-orientation:mixed;max-width:100%;line-height:1.2}.brand-sub{white-space:normal;word-break:normal;overflow-wrap:anywhere;writing-mode:horizontal-tb;text-orientation:mixed}.brand-logo{width:auto;height:46px}.tier-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.tier-chip{-webkit-appearance:none;appearance:none;cursor:pointer;text-align:left;background:#fff;border:1px solid #0000002e;border-radius:14px;min-width:120px;padding:10px 12px;line-height:1.15;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;box-shadow:0 2px 10px #0206170f}.tier-chip .tier-title{color:#0f172a;font-size:13.5px;font-weight:800}.tier-chip .tier-note{color:#475569;margin-top:4px;font-size:12px;font-weight:700}.tier-chip:hover{border-color:#00000047;transform:translateY(-1px);box-shadow:0 6px 18px #0206171f}.tier-chip.active,.tier-chip[aria-pressed=true]{background:linear-gradient(#fff,#f8fafc);border-color:#0b1220;box-shadow:0 0 0 3px #0b122024,0 10px 20px #0206171f}.tier-chip.active .tier-title{color:#0300b9}.tier-chip.gold.active{border-color:#00ff9d;box-shadow:0 0 0 3px #00e20c2e,0 10px 20px #c406201a}.tier-chip.platinum.active{border-color:#334155;box-shadow:0 0 0 3px #3341552e,0 10px 20px #0206171a}.tier-chip.diamond.active{border-color:#06ce9c;box-shadow:0 0 0 3px #2325252e,0 10px 20px #0206171a}.tier-chip:focus-visible{outline:none;box-shadow:0 0 0 4px #ff000038,0 10px 20px #0206171a}.terms-page{margin-top:0!important}.invoice-panel.terms-panel{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;margin-bottom:80px;font-family:inherit;font-size:16px;font-weight:500;line-height:1.6}.terms-title{color:#fff;text-align:center;letter-spacing:.8px;background:#2f6fab;border-radius:6px;margin-bottom:20px;padding:10px;font-size:21px;font-weight:800}.terms-list{margin:0;padding-left:16px}.terms-section{margin-bottom:12px}.terms-h{color:#000;margin-bottom:5px;font-size:18.5px;font-weight:700}.terms-p{color:#000;margin:4px 0 6px;font-size:14.5px;font-weight:500}.terms-sublist{margin-top:4px;padding-left:18px}.terms-sublist li{margin-bottom:4px;font-size:16px;line-height:1.6}@media print{.terms-page{margin:0!important}.invoice-inner.terms-inner{padding-top:35px!important;padding-bottom:40px!important}.invoice-panel.terms-panel{text-rendering:geometricPrecision!important}}