:root{--accent:#b51f2b;--accent-dark:#8f1722;--ink:#1d2228;--muted:#6e7781;--line:#e4e7eb;--surface:#fff;--surface-muted:#f5f6f8;--danger:#b42318;--success:#16794c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{overflow-x:clip}html,body{min-height:100%}body{background:var(--surface-muted);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-page{background:#eef0f3;flex-direction:column;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:min(420px,100%);margin-top:auto;padding:32px;box-shadow:0 12px 32px #191e2314}.login-footer{color:#9aa2ab;text-align:center;margin:16px 0 auto;font-size:.78rem}.brand-mark{letter-spacing:.03em;font-size:1.25rem;font-weight:800}.brand-mark span{color:var(--accent)}.login-logo{object-fit:contain;object-position:center;width:min(230px,100%);height:180px;margin:0 auto;display:block}.login-card h1{margin:24px 0 8px;font-size:1.45rem}.muted{color:var(--muted)}.small{font-size:.82rem}.form-stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field label{font-size:.88rem;font-weight:700}.field input,.field select,.field textarea{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #cfd4da;border-radius:7px;padding:9px 11px}.field textarea{resize:vertical;min-height:100px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:3px solid #b51f2b24}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-dark)}.button-secondary{color:var(--ink);background:#fff;border-color:#cfd4da}.button-secondary:hover{background:#f1f3f5}.button-danger{color:var(--danger);background:#fff;border-color:#e7b8b4}.button-danger:hover{background:#fff3f2}.button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100vh;display:flex}.app-body{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-topbar,.bottom-nav{display:none}.sidebar{color:#fff;background:#20252b;flex-direction:column;flex:0 0 232px;width:232px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand-logo-wrap{padding:0 4px 22px}.brand-logo{object-fit:contain;background:#fff;border-radius:6px;width:100%;height:122px;display:block}.nav{gap:4px;display:grid}.nav-link{color:#cbd1d7;border-radius:6px;align-items:center;gap:9px;padding:11px 10px;display:flex}.nav-link:hover,.nav-link-active{color:#fff;background:#323941}button.nav-link{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:0}button.nav-link:hover{background:#323941}.modal-wide{width:min(1100px,94vw)}.modal-resizable{flex-direction:column;width:min(860px,100%);display:flex;position:relative}.modal-resizable .modal-body{flex:auto;min-height:0;overflow-y:auto}.modal-resize-handle{cursor:nwse-resize;touch-action:none;width:18px;height:18px;position:absolute;bottom:0;right:0}.modal-resize-handle:after{content:"";border-bottom:2px solid #9aa0a6;border-right:2px solid #9aa0a6;border-radius:1px;width:9px;height:9px;position:absolute;bottom:4px;right:4px}.modal-resize-handle:hover:after{border-color:#5b6167}.nav-icon{flex:none;width:16px;height:16px}.sidebar-footer{border-top:1px solid #3a424a;margin-top:auto;padding:14px 10px 0}.sidebar-copyright{color:#8b959e;text-align:center;border-top:1px solid #3a424a;margin-top:12px;padding-top:10px;font-size:.72rem}.sidebar-user{color:#aeb7c0;text-overflow:ellipsis;margin-bottom:12px;font-size:.82rem;overflow:hidden}.logout-button{color:#d6dce1;background:0 0;border-color:#4a535c;justify-content:flex-start;width:100%}.main-content{flex:1;min-width:0;padding:28px 32px 48px}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-header h1{margin:0 0 7px;font-size:clamp(1.45rem,3vw,2rem)}.page-header p{color:var(--muted);margin:0}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.panel-header h2{margin:0;font-size:1rem}.panel-body{padding:18px}.dashboard-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:20px;display:grid}.quick-actions{gap:10px;display:grid}.quick-actions .button{justify-content:flex-start}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-input{border:1px solid #cfd4da;border-radius:7px;width:min(420px,100%);min-height:40px;padding:8px 11px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:#fafbfc;font-size:.78rem;font-weight:700}.data-table tbody tr:hover{background:#fafbfc}.data-table .numeric{text-align:right;white-space:nowrap}.table-actions{flex-wrap:wrap;gap:6px;display:flex}.table-actions .button{min-height:32px;padding:5px 9px;font-size:.82rem}.product-name{font-weight:700}.product-meta{color:var(--muted);margin-top:3px;font-size:.82rem}.thumb{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:5px;width:42px;height:42px;display:block}.thumb-button{background:0 0;border:0;border-radius:5px;padding:0;transition:transform .15s}.thumb-button:hover{transform:scale(1.08)}.lightbox-backdrop{z-index:60;padding:calc(24px + env(safe-area-inset-top,0px)) calc(24px + env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) calc(24px + env(safe-area-inset-left,0px));background:#0f1216bd;place-items:center;animation:.18s lightbox-fade;display:grid;position:fixed;inset:0}.lightbox-backdrop.closing{animation:.16s forwards lightbox-fade-out}.lightbox{text-align:center;max-width:min(680px,100%);margin:0;animation:.2s lightbox-zoom}.lightbox-backdrop.closing .lightbox{animation:.16s forwards lightbox-zoom-out}.lightbox img{background:#fff;border-radius:8px;max-width:100%;max-height:min(70vh,70dvh);margin:0 auto;display:block;box-shadow:0 24px 70px #00000059}.lightbox figcaption{color:#e8eaee;margin-top:10px;font-size:.9rem}.lightbox-close{top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));color:#fff;background:#ffffff24;border:0;border-radius:50%;width:40px;height:40px;font-size:22px;line-height:1;position:absolute}@keyframes lightbox-fade{0%{opacity:0}}@keyframes lightbox-fade-out{to{opacity:0}}@keyframes lightbox-zoom{0%{opacity:0;transform:scale(.86)}}@keyframes lightbox-zoom-out{to{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.thumb-button{transition:none}.lightbox-backdrop,.lightbox,.lightbox-backdrop.closing,.lightbox-backdrop.closing .lightbox{animation:none}}@media print{.lightbox-backdrop,.thumb-button{display:none!important}}.status{border-radius:999px;padding:4px 8px;font-size:.78rem;font-weight:700;display:inline-flex}.status-active{color:var(--success);background:#e8f6ef}.status-inactive{color:#6b7280;background:#eef0f2}.modal-backdrop{z-index:20;background:#13181d7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px #0000002e}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.checkbox-field{align-items:center;gap:8px;min-height:42px;display:flex}.checkbox-field input{width:17px;height:17px}.alert{border-radius:7px;padding:11px 13px;font-size:.9rem}.alert-error{color:#8f1c15;background:#fff1ef;border:1px solid #f2c1bc}.alert-success{color:#12623d;background:#edf9f3;border:1px solid #b9e5cd}.empty-state{text-align:center;color:var(--muted);padding:36px 20px}.loading{color:var(--muted);padding:20px 0}.quote-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:14px;display:grid}.quote-meta-grid .field{grid-row:span 1}.quote-meta-grid .muted.small{min-height:1.1em;margin-top:2px}.field-wide{grid-column:span 2}.field-full{grid-column:1/-1}.quote-collapsible{border-top:1px solid var(--line)}.quote-collapsible>summary,.quote-collapsible-panel>summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;font-weight:700;list-style:none;display:flex}.quote-collapsible>summary::-webkit-details-marker{display:none}.quote-collapsible-panel>summary::-webkit-details-marker{display:none}.quote-collapsible>summary:after,.quote-collapsible-panel>summary:after{content:"+";color:var(--accent);margin-left:auto;font-size:1.15rem}.quote-collapsible[open]>summary:after,.quote-collapsible-panel[open]>summary:after{content:"−"}.quote-collapsible>summary small,.quote-collapsible-panel>summary small{color:var(--muted);font-size:.78rem;font-weight:400}.quote-collapsible-body{border-top:1px solid var(--line);background:#fafbfc;padding:18px}.quote-collapsible-panel{align-self:start}.quote-collapsible-panel[open]>summary{border-bottom:1px solid var(--line)}.quote-items-panel{margin-top:20px}.picker-panel{border-bottom:1px solid var(--line);background:#fafbfc;padding:14px 18px}.picker-head{gap:8px;margin-bottom:12px;display:flex}.picker-head .search-input{flex:1}.picker-results{gap:5px;max-height:300px;display:grid;overflow-y:auto}.picker-result{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.picker-result:hover{border-color:var(--accent);background:#fff8f8}.picker-result span{gap:3px;display:grid}.picker-result small{color:var(--muted)}.quote-product-cell{align-items:center;gap:9px;min-width:240px;display:flex}.table-input{width:100%;min-width:72px;min-height:32px;color:var(--ink);background:#fff;border:1px solid #d4d8dd;border-radius:5px;padding:5px 7px}.table-input:focus{border-color:var(--accent);outline:2px solid #b51f2b24}.quote-name-input{min-width:190px;font-weight:700}.numeric-input{text-align:right;min-width:86px}.unit-label{color:var(--muted);text-align:right;margin-top:3px;font-size:.76rem;display:block}.manual-badge{color:#8b4d00;white-space:nowrap;background:#fff2d8;border-radius:4px;margin-left:5px;padding:2px 5px;font-size:.68rem;font-weight:700;display:inline-block}.price-warning{color:#9a5a00;text-align:right;background:0 0;border:0;margin-top:5px;padding:0;font-size:.72rem;display:block}.price-warning:hover,.reset-price:hover{text-decoration:underline}.quote-desktop-table td{vertical-align:top}.quote-desktop-table:not(.show-pricing-details) .pricing-detail,.quote-mobile-cards:not(.show-pricing-details) .pricing-detail{display:none}.quote-desktop-table .table-input{min-height:34px}.quote-desktop-table td.numeric .manual-badge{width:fit-content;margin:4px 0 0 auto;display:block}.quote-desktop-table td .manual-badge:not(.product-meta .manual-badge){width:fit-content;margin:4px 0 0;display:block}.quote-desktop-table .quote-product-cell{align-items:flex-start}.quote-desktop-table .quote-product-cell .thumb{width:34px;height:34px}.quote-desktop-table .quote-product-cell>div{flex:1;min-width:0}.quote-desktop-table .price-warning,.quote-desktop-table .reset-price,.quote-desktop-table td .product-meta{margin-top:4px}.reset-price{color:var(--accent);text-align:right;background:0 0;border:0;margin-top:4px;padding:0;font-size:.72rem;display:block}.rate-refresh{color:var(--accent);background:0 0;border:0;padding:0;font-size:.72rem;text-decoration:underline}.rate-refresh:hover{text-decoration:none}.icon-button{width:30px;height:30px;color:var(--muted);background:#fff;border:1px solid #d7dbe0;border-radius:5px;padding:0;font-size:1.2rem;line-height:1}.icon-button:hover{color:var(--danger);border-color:#e7b8b4}.quote-mobile-cards{display:none}.quote-bottom-grid{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:20px;margin-top:20px;display:grid}.discount-row{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;margin-bottom:18px;display:grid}.discount-row select,.discount-row input{border:1px solid #cfd4da;border-radius:6px;width:100%;min-width:0;min-height:38px;padding:7px 9px}.totals-list{gap:0;margin:0;display:grid}.totals-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.totals-list dt{color:var(--muted)}.totals-list dd{white-space:nowrap;margin:0;font-weight:700}.totals-list .total-emphasis{border-top:2px solid var(--ink);color:var(--ink);margin-top:4px;font-size:1.05rem}.totals-primary .total-emphasis{margin-top:0;padding:12px 0}.summary-breakdown{margin-top:10px}.summary-breakdown>summary{color:var(--accent);cursor:pointer;padding:8px 0;font-size:.82rem;font-weight:700}.profit-row dd{color:var(--success)}.negative-profit dd{color:var(--danger)}.mobile-action-bar{display:none}.settings-panel{margin-bottom:20px}.settings-grid{grid-template-columns:220px minmax(0,1fr);gap:28px;display:grid}.settings-logo{align-content:start;gap:8px;display:grid}.settings-logo img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:7px;width:210px;height:180px}.settings-fields{gap:16px;display:grid}.settings-fields code{background:#f0f1f3;border-radius:3px;padding:2px 4px}.print-page{color:#20252b;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:12mm 14mm 16mm}.print-toolbar{align-items:center;gap:8px;margin:0 0 8mm;padding:10px;display:flex}.install-banner{border:1px solid var(--line);border-left:4px solid var(--accent);background:#fff;border-radius:8px;align-items:center;gap:12px;margin:0 0 14px;padding:10px 12px;font-size:.88rem;display:flex;box-shadow:0 2px 8px #191e230f}.install-banner span{flex:1;min-width:0}.install-banner-close{width:30px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;padding:0;font-size:18px;line-height:1}.install-banner-close:hover{background:var(--surface-muted);color:var(--ink)}@media (max-width:800px){.install-banner{flex-wrap:wrap;gap:8px}}.pdf-viewer-overlay{z-index:70;background:#0f12168c;flex-direction:column;padding:28px;display:flex;position:fixed;inset:0}.pdf-viewer-bar{border:1px solid var(--line);color:var(--ink);background:#fff;border-bottom:0;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.86rem;display:flex}.pdf-viewer-frame{border:1px solid var(--line);background:#525659;border-radius:0 0 8px 8px;flex:1;width:100%}@media (max-width:800px){.pdf-viewer-overlay{padding:0}.pdf-viewer-bar{border-radius:0}.pdf-viewer-frame{border:0;border-radius:0}}.print-error{color:var(--danger);font-size:.84rem}.print-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.print-header>img{object-fit:contain;width:125px;height:108px}.print-company{text-align:right;max-width:65%;color:var(--muted);gap:4px;font-size:.76rem;display:grid}.print-company strong{color:var(--ink);font-size:.95rem}.print-rule{background:#d9dde2;height:1px;margin:9px 0 20px}.print-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.print-title-row h1{margin:0;font-size:1.55rem}.print-title-row p{color:var(--muted);margin:5px 0 0}.print-title-row dl{gap:5px;min-width:180px;margin:0;font-size:.8rem;display:grid}.print-title-row dl div{justify-content:space-between;gap:12px;display:flex}.print-title-row dt{color:var(--muted)}.print-title-row dd{margin:0;font-weight:700}.print-customer{border:1px solid var(--line);background:#fafbfc;border-radius:6px;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 18px;padding:13px;display:grid}.print-customer div{gap:4px;font-size:.82rem;display:grid}.print-customer small{color:var(--muted);letter-spacing:.05em;font-weight:700}.print-customer strong{font-size:1rem}.print-customer span{display:block}.print-description{white-space:pre-wrap;font-size:.85rem;line-height:1.5}.print-items{border-collapse:collapse;page-break-inside:auto;width:100%;margin-top:20px;font-size:.78rem}.print-items th,.print-items td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:8px 6px}.print-items thead{display:table-header-group}.print-items th{color:#fff;background:#20252b;font-size:.7rem}.print-items th:nth-child(n+5),.print-items td:nth-child(n+5){text-align:right}.print-items tr{page-break-inside:avoid;page-break-after:auto}.print-item-name{align-items:center;gap:7px;display:flex}.print-item-name img{object-fit:contain;width:28px;height:28px}.print-total-box{width:260px;margin:18px 0 18px auto;font-size:.82rem}.print-total-box div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:7px 0;display:flex}.print-total-box span{color:var(--muted)}.print-total-box strong{white-space:nowrap}.print-total-box .print-net{border-top:2px solid var(--ink);color:var(--ink);border-bottom:0;font-size:1rem}.print-section{page-break-inside:avoid;margin-top:20px}.print-section h2{margin:0 0 6px;font-size:.9rem}.print-section p,.print-note,.print-footer-note{white-space:pre-wrap;margin:0;font-size:.8rem;line-height:1.5}.print-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin-top:35px;padding-top:10px;font-size:.7rem}.quote-print-header{align-items:flex-start;position:relative}.quote-print-header h1{flex:1;min-width:0;margin:0;font-size:1.35rem}.quote-print-header .print-date{text-align:right;gap:4px;min-width:110px;display:grid}.quote-print-header .print-date span{color:var(--muted);font-size:.68rem}.quote-print-header .print-date strong{font-size:.9rem}.print-system-desc{gap:10px;font-size:.82rem;line-height:1.5;display:flex}.print-system-desc em{color:var(--muted);white-space:nowrap;font-style:normal;font-weight:700}.print-parties{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.print-party{border:1px solid var(--line)}.print-party-head{color:#fff;letter-spacing:.04em;background:#20252b;padding:7px 10px;font-size:.72rem;font-weight:700}.print-party-row{border-top:1px solid var(--line);grid-template-columns:42% 1fr;align-items:start;gap:8px;padding:7px 10px;font-size:.74rem;display:grid}.print-party-row span{color:var(--muted)}.print-party-row strong{word-break:break-word;font-weight:600}.print-item-img{object-fit:contain;width:26px;height:26px}.print-item-note{color:var(--muted);white-space:pre-wrap;margin-top:3px;font-size:.7rem;display:block}.print-validity{text-align:right;color:var(--muted);margin:4px 0 14px;font-size:.74rem;font-style:italic}.print-terms{gap:5px;margin:0;padding-left:18px;font-size:.72rem;line-height:1.5;display:grid}.print-terms li{padding-left:3px}.print-summary{gap:26px;width:62%;margin:16px 0 16px auto;font-size:.74rem;display:flex}.print-summary-col{flex:1;min-width:0}.print-summary-title{letter-spacing:.08em;font-size:.72rem;font-weight:700}.print-summary-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:5px 0;display:flex}.print-summary-line span{color:var(--muted)}.print-summary-line strong{white-space:nowrap}.print-summary-line.top{border-top:1.4px solid var(--ink);border-bottom:1px solid var(--line)}.print-summary-line.net{border-top:1.4px solid var(--ink);font-weight:700}.print-delivery{border-top:1.4px solid var(--ink);align-items:center;gap:14px;margin:14px 0 4px;padding-top:12px;display:flex}.print-delivery-terms{flex:1;min-width:0;font-size:.78rem;font-weight:700}.print-delivery-label{text-align:center;flex:0 0 22%;font-size:.88rem;line-height:1.35}.print-delivery-total{white-space:nowrap;margin-left:auto;font-size:.95rem}.print-notice{border:1px solid var(--line);border-radius:4px;margin:18px 0;padding:10px 12px;font-size:.72rem;line-height:1.5}.print-sign{page-break-inside:avoid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.print-sign-col{border:1px solid var(--line)}.print-sign-head{color:#fff;letter-spacing:.04em;background:#20252b;padding:7px 10px;font-size:.74rem;font-weight:700}.print-sign-col p{white-space:pre-line;min-height:46px;margin:0;padding:10px;font-size:.78rem;line-height:1.45}.print-sign-space{border-top:1px solid var(--line);height:68px}.print-stamp{text-align:right;color:var(--muted);padding:6px 10px 8px;font-size:.68rem;display:block}@media (max-width:800px){.app-shell{display:block}.sidebar{display:none}.mobile-topbar{z-index:30;padding:calc(9px + env(safe-area-inset-top,0px)) calc(14px + env(safe-area-inset-right,0px)) 9px calc(14px + env(safe-area-inset-left,0px));color:#fff;background:#20252b;align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #00000029}.mobile-topbar-logo{object-fit:contain;background:#fff;border-radius:5px;width:auto;height:40px;padding:2px 5px}.mobile-topbar-user{text-overflow:ellipsis;white-space:nowrap;color:#aeb7c0;min-width:0;margin-left:auto;font-size:.8rem;overflow:hidden}.mobile-topbar .logout-button{flex:none;width:auto;min-height:34px}.bottom-nav{z-index:30;padding:6px calc(6px + env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left,0px));background:#20252b;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #0003}.bottom-nav .nav-link{text-align:center;border-radius:7px;flex-direction:column;justify-content:center;gap:3px;padding:7px 4px;font-size:.68rem;font-weight:700}.bottom-nav .nav-link span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-nav .nav-icon{width:20px;height:20px}.bottom-nav .nav-link-active{color:#fff;box-shadow:inset 0 2px 0 var(--accent);background:#323941}.main-content{padding:20px calc(14px + env(safe-area-inset-right,0px)) calc(92px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left,0px));flex:1}.page-header{display:block}.page-actions{margin-top:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.quote-meta-grid{grid-template-columns:1fr 1fr}.field-wide{grid-column:span 2}.quote-bottom-grid,.settings-grid{grid-template-columns:1fr}.print-page{width:100%;min-height:0;padding:18px 16px 32px}.print-company{max-width:60%}.print-parties{grid-template-columns:1fr}.print-summary{width:100%}.print-sign{grid-template-columns:1fr}.quote-print-header{flex-wrap:wrap}.quote-print-header img{width:90px;height:78px}}@media (max-width:520px){.login-card{padding:24px}.two-col{grid-template-columns:1fr}.toolbar{display:block}.toolbar .button{margin-top:10px}.search-input{width:100%}.quote-meta-grid{grid-template-columns:1fr}.field-wide{grid-column:span 1}.quote-desktop-table{display:none}.quote-mobile-cards{gap:12px;display:grid}.quote-item-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px}.quote-card-top{align-items:flex-start;gap:9px;display:flex}.quote-card-top>div{flex:1;min-width:0}.quote-card-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.quote-card-grid label{color:var(--muted);gap:4px;font-size:.78rem;display:grid}.quote-card-total{border-top:1px solid var(--line);justify-content:space-between;margin-top:13px;padding-top:10px;display:flex}.quote-card-total span{color:var(--muted)}.mobile-action-bar{bottom:calc(68px + env(safe-area-inset-bottom));z-index:10;border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:22px 0 0;padding:10px 14px;display:grid;position:sticky;box-shadow:0 -4px 12px #0000000f}.mobile-action-bar .button{width:100%}}.html-print{color:#222226;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#ececef;padding:16px 0 40px;overflow-x:auto}.html-print .print-toolbar{width:min(100% - 24px,298.2mm);margin:0 auto 12px}.html-sheet{zoom:1.42;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:12mm 13mm 18mm;position:relative;box-shadow:0 7px 30px #0000001a}@supports not (zoom:1){.html-sheet{transform-origin:top;margin-bottom:124.74mm;transform:scale(1.42)}}.html-top-rule{background:linear-gradient(90deg,#ec1d25 0 30%,#171719 30% 100%);height:5px;margin:-12mm -13mm 9mm}.html-header{border-bottom:1px solid #d9d9dd;grid-template-columns:1fr 120px;align-items:center;gap:16px;padding-bottom:11px;display:grid}.html-company h1{color:#171719;margin:0 0 5px;font-size:16px;line-height:1.15}.html-company h1 span{color:#ec1d25}.html-company p{color:#6f7075;margin:1px 0;font-size:8.2px;line-height:1.35}.html-logo{justify-content:flex-end;align-items:center;display:flex}.html-logo img{object-fit:contain;width:120px;max-width:120px;height:auto}.html-title-row{grid-template-columns:1fr 58mm;align-items:stretch;gap:10px;margin-top:10px;display:grid}.html-quote-title{color:#fff;background:#171719;border-left:5px solid #ec1d25;flex-direction:column;justify-content:center;padding:11px 13px;display:flex}.html-quote-title h2{margin:0;font-size:16px;line-height:1.2}.html-quote-title p{color:#e5e5e6;white-space:pre-wrap;margin:4px 0 0;font-size:8.5px}.html-quote-meta{border:1px solid #d9d9dd;padding:8px 10px}.html-meta-row{grid-template-columns:65px 1fr;gap:8px;padding:3px 0;font-size:8.5px;display:grid}.html-meta-row+.html-meta-row{border-top:1px solid #ececef}.html-meta-row span{color:#6f7075}.html-meta-row strong{text-align:right;font-size:8.9px;font-weight:700}.html-parties{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.html-box{border:1px solid #d9d9dd}.html-box-head{color:#171719;background:#f5f5f6;border-bottom:1px solid #d9d9dd;padding:6px 8px;font-size:8px;font-weight:800}.html-box-body{gap:4px;padding:7px 8px;display:grid}.html-info{grid-template-columns:72px 1fr;gap:4px 7px;font-size:8px;line-height:1.3;display:grid}.html-info span{color:#6f7075}.html-info strong{word-break:break-word;font-weight:700}.html-section-title{color:#171719;align-items:center;gap:8px;margin:11px 0 5px;font-size:9px;font-weight:800;display:flex}.html-section-title:after{content:"";background:#d9d9dd;flex:1;height:1px}.html-products{border-collapse:collapse;table-layout:fixed;border:1px solid #d9d9dd;width:100%}.html-products th{color:#fff;text-align:left;background:#171719;border-right:1px solid #424246;padding:6px;font-size:7.2px}.html-products th:last-child{border-right:0}.html-products td{vertical-align:middle;border-top:1px solid #d9d9dd;border-right:1px solid #d9d9dd;padding:6px;font-size:7.7px;line-height:1.25}.html-products td:last-child{border-right:0}.html-products tr:nth-child(2n) td{background:#fafafa}.html-image-cell{text-align:center;padding:3px!important}.html-product-image{object-fit:contain;width:10mm;height:10mm;margin:0 auto;display:block}.html-no{text-align:center;color:#6f7075;font-weight:800}.html-desc{font-weight:700}.html-brand{color:#4c4d51}.html-center{text-align:center}.html-right{text-align:right}.html-money{text-align:right;white-space:nowrap;font-weight:700}.html-included{color:#6f7075;font-size:7px;font-weight:700}.html-item-note{color:#6f7075;white-space:pre-wrap;margin-top:2px;font-weight:400;display:block}.html-empty{text-align:center;color:#6f7075;padding:14px 8px}.html-summary{grid-template-columns:1fr 78mm;align-items:start;gap:10px;margin-top:10px;display:grid}.html-totals{border:1px solid #171719}.html-total-row{border-bottom:1px solid #d9d9dd;grid-template-columns:1fr 34mm;gap:8px;padding:6px 8px;font-size:8px;display:grid}.html-total-row:last-child{border-bottom:0}.html-total-row strong{text-align:right}.html-discount strong{color:#ec1d25}.html-grand{color:#fff;background:#171719;padding:9px 8px}.html-grand span{font-size:8px;font-weight:700}.html-grand strong{color:#fff;font-size:15px}.html-tl{background:#fff5f5}.html-tl strong{color:#ec1d25;font-size:10px}.html-pay{margin:0}.html-pay-head{color:#171719;letter-spacing:.04em;margin:0 0 4px;font-size:7.6px;font-weight:800}.html-pay-table{border-collapse:collapse;table-layout:fixed;border:1px solid #d9d9dd;width:100%}.html-pay-table td{vertical-align:middle;border-top:1px solid #d9d9dd;padding:4px 6px;font-size:6.7px;line-height:1.25}.html-pay-table tr:first-child td{border-top:0}.html-pay-amount{text-align:right;white-space:nowrap;width:28mm;font-weight:800}.html-pay-net td,.html-pay-vat td{background:#f5f5f6;font-weight:700}.html-pay-option td{background:#fff5f5}.html-pay-option .html-pay-amount{color:#ec1d25}.html-pay-terms{color:#222226;white-space:pre-wrap;margin:6px 0 0;font-size:7.2px;line-height:1.35}.html-note{color:#58595e;white-space:pre-wrap;background:#f5f5f6;border-left:3px solid #171719;margin-top:9px;padding:7px 9px;font-size:7.3px;line-height:1.35}.html-bank{margin-top:10px;font-size:7.5px;line-height:1.4}.html-bank-owner{grid-template-columns:18mm minmax(0,1fr);align-items:start;gap:8px;margin:0 0 6px;font-size:7.4px;line-height:1.35;display:grid}.html-bank-owner span{color:#6f7075;font-weight:400}.html-bank-owner strong{color:#171719;font-weight:600}.html-bank-raw{white-space:pre-wrap;margin:0}.html-bank-table{border-collapse:collapse;table-layout:fixed;border:1px solid #d9d9dd;width:100%}.html-bank-col-name{width:32%}.html-bank-col-currency{width:16mm}.html-bank-col-iban{width:auto}.html-bank-table th,.html-bank-table td{vertical-align:middle;border-right:1px solid #d9d9dd;padding:6px 8px}.html-bank-table th:last-child,.html-bank-table td:last-child{border-right:0}.html-bank-table th{color:#fff;text-align:left;background:#171719;font-size:7.2px}.html-bank-table td{border-top:1px solid #d9d9dd;font-size:7.6px}.html-bank-table tr:nth-child(2n) td{background:#fafafa}.html-iban{letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.html-terms ol{columns:2;column-gap:8mm;margin:0;padding-left:16px;font-size:7px;line-height:1.35}.html-terms li{break-inside:avoid;margin-bottom:4px}.html-signatures{grid-template-columns:1fr 1fr;gap:26px;margin-top:21px;display:grid}.html-sig{text-align:center;border-top:1px solid #85868a;padding-top:24px}.html-sig b{color:#171719;font-size:8px;display:block}.html-sig span{color:#6f7075;font-size:7.2px}.html-footer-note{color:#222226;white-space:pre-wrap;background:#f5f5f6;margin:10px 0 0;padding:7px 8px;font-size:7.4px;line-height:1.4}.html-footer{color:#6f7075;border-top:1px solid #d9d9dd;justify-content:space-between;gap:10px;margin-top:16px;padding-top:5px;font-size:6.9px;display:flex}.html-footer b{color:#171719}@media screen and (max-width:800px){.html-print{padding:calc(12px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) 48px calc(10px + env(safe-area-inset-left,0px))}.html-print .print-toolbar{flex-wrap:wrap;width:100%;margin:0 0 10px}.html-sheet{zoom:1;width:100%;min-height:0;margin-bottom:0;padding:6mm 5mm 9mm;transform:none}.html-top-rule{margin:-6mm -5mm 8mm}.html-header{grid-template-columns:1fr 84px;gap:10px}.html-company h1{font-size:19px}.html-company p{font-size:10.5px}.html-logo img{width:80px;max-width:80px}.html-title-row{grid-template-columns:1fr}.html-quote-title{padding:10px 12px}.html-quote-title h2{font-size:16px}.html-quote-title p{font-size:10.5px}.html-quote-meta{padding:9px 11px}.html-meta-row{grid-template-columns:84px 1fr;font-size:10.5px}.html-meta-row strong{text-align:right;font-size:11px}.html-parties{grid-template-columns:1fr}.html-box-head{font-size:10px}.html-info{grid-template-columns:84px 1fr;font-size:10.5px}.html-section-title{font-size:11px}.html-products{table-layout:auto}.html-products col{width:auto!important}.html-products th{padding:7px 6px;font-size:9.5px}.html-products td{padding:8px 6px;font-size:10.5px}.html-products th:nth-child(2),.html-products td:nth-child(2){width:44px}.html-product-image{width:32px;height:32px}.html-summary{grid-template-columns:1fr}.html-total-row{font-size:11px}.html-grand strong{font-size:17px}.html-tl strong{font-size:12px}.html-pay-head{font-size:10px}.html-pay-table td{font-size:9.5px}.html-pay-terms{font-size:10px}.html-note,.html-bank-owner{font-size:10.5px}.html-bank-table th{font-size:10px}.html-bank-table td{font-size:10.5px}.html-iban{white-space:normal;word-break:break-all}.html-terms ol{columns:1;font-size:10.5px}.html-sig b{font-size:10px}.html-sig span{font-size:9.5px}.html-footer-note{font-size:10.5px}.html-footer{font-size:9.5px}}@media print{body{background:#fff}.no-print,.mobile-topbar,.bottom-nav,.sidebar{display:none!important}@page{size:A4;margin:8mm 10mm}.print-page{width:auto;min-height:auto;margin:0;padding:0}.print-items th,.print-party-head,.print-sign-head{-webkit-print-color-adjust:exact;print-color-adjust:exact}.html-print{background:#fff;padding:0;overflow:visible}.html-print .print-toolbar{width:auto;margin:0}.html-sheet{width:auto;min-height:auto;box-shadow:none;zoom:1;margin:0;padding:0 0 8mm;transform:none}.html-top-rule{margin:0 0 5mm}.html-products th,.html-bank-table th,.html-quote-title,.html-grand,.html-box-head,.html-tl,.html-pay-net td,.html-pay-vat td,.html-pay-option td{-webkit-print-color-adjust:exact;print-color-adjust:exact}.html-header,.html-title-row,.html-parties,.html-summary,.html-bank,.html-signatures{break-inside:avoid}.html-products thead{display:table-header-group}.html-products tr{break-inside:avoid}.html-terms,.print-terms-section{break-before:page;page-break-before:always}}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.filter-bar .search-input{flex:260px;min-width:200px;margin:0}.filter-field{gap:5px;min-width:150px;display:grid}.filter-label{color:var(--muted);font-size:.78rem;font-weight:700}.filter-field select,.filter-price-range input{min-height:40px;color:var(--ink);background:#fff;border:1px solid #cfd4da;border-radius:7px;padding:8px 10px}.filter-price-range{align-items:center;gap:6px;display:inline-flex}.filter-price-range input{width:86px}.filter-field select:focus,.filter-price-range input:focus{border-color:var(--accent);outline:3px solid #b51f2b24}.panel-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.results-info{color:var(--muted);font-size:.85rem}.pagination{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.page-btn{min-width:36px;min-height:36px;color:var(--ink);background:#fff;border:1px solid #cfd4da;border-radius:6px;padding:5px 11px;font-size:.85rem;font-weight:700}.page-btn:hover:not(:disabled){background:#f1f3f5}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn-active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-btn-active:hover:not(:disabled){background:var(--accent)}.page-ellipsis{color:var(--muted);padding:0 3px}.page-size-select{color:var(--muted);align-items:center;gap:7px;font-size:.85rem;font-weight:700;display:inline-flex}.page-size-select select{min-height:36px;color:var(--ink);background:#fff;border:1px solid #cfd4da;border-radius:6px;padding:6px 8px;font-weight:600}@media (max-width:520px){.filter-bar{display:grid}.filter-bar .search-input,.filter-field,.filter-field select,.filter-price-range{width:100%}.filter-price-range{grid-template-columns:1fr auto 1fr;display:grid}.filter-price-range input{width:100%}.panel-toolbar{justify-items:stretch;display:grid}.pagination,.page-size-select{justify-content:center}}@media (min-width:1600px){body{font-size:16px}.main-content{width:100%;max-width:1680px;margin:0 auto}.data-table th,.data-table td{padding:14px 16px}.panel-body{padding:22px}}@media (min-width:2400px){body{font-size:18px}.main-content{max-width:1960px}.sidebar{flex:0 0 260px;width:260px}.page-header h1{font-size:clamp(2rem,3vw,2.6rem)}}.help-link{color:var(--accent);background:0 0;border:0;margin-top:5px;padding:0;font-size:.8rem;text-decoration:underline;display:inline-block}.help-link:hover{text-decoration:none}.code-help-table{min-width:0}.code-help-table th:first-child{white-space:nowrap}.code-help-table td:nth-child(3){white-space:nowrap;font-weight:700}.code-help-table code{background:#f0f1f3;border-radius:3px;padding:2px 5px;font-size:.82rem}.help-example{border:1px solid var(--line);background:#fafbfc;border-radius:7px;margin-top:14px;padding:12px 14px;font-size:.85rem;line-height:1.7}.help-example code{background:#f0f1f3;border-radius:3px;padding:2px 5px;font-size:.8rem}
