:root{--page-bg:#f3f5f7;--panel:#fffffff5;--panel-strong:#fff;--panel-muted:#f8fafcfa;--line:#0f172a14;--line-strong:#0f172a1f;--text:#17212d;--text-soft:#556476;--muted:#6f7f91;--accent:#2c7cf6;--accent-strong:#1f5ed6;--accent-soft:#2c7cf614;--highlight:#2c7cf6;--shadow:0 18px 42px #0f172a0d;--radius-sm:12px;--radius-md:22px;--radius-lg:30px;--ink:#18212b;--ink-soft:#66788c;--content-bg:#f8fbfefa;--content-bg-soft:#f0f5faf5;--content-line:#94a3b82e}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #2c7cf60a, transparent 20%), linear-gradient(180deg, #f8fafb 0%, #f4f6f8 46%, var(--page-bg) 100%);margin:0;padding:28px 20px 56px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}input,textarea,select{border-radius:var(--radius-sm);color:#142130;background:#fff;border:1px solid #0f172a1a;width:100%;padding:13px 14px;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:inset 0 1px #ffffffeb,0 1px 2px #0f172a0a}textarea{resize:vertical;min-height:154px}input:focus,textarea:focus,select:focus,.quote-page:focus{border-color:#2f7bf670;outline:none;box-shadow:0 0 0 4px #2f7bf61f}button{transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none;transform:none}.shell{width:min(1480px,100%);margin:0 auto}.app-toolbar{justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;padding:4px 6px 0;display:flex}.app-toolbar-copy{max-width:720px}.app-toolbar h1{letter-spacing:-.04em;color:#17212d;text-shadow:none;margin:8px 0 0;font-size:32px;line-height:1.04}.app-toolbar p{color:var(--muted);white-space:nowrap;margin:0;font-size:13px;line-height:1.6}.hero,.panel{border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffffd1}.hero{background:linear-gradient(135deg,#fffbf5f5,#fffdf8c2),linear-gradient(120deg,#fef3c7,#fff7ed 42%,#ecfeff);padding:34px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0f766e2e,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -80px -90px auto}.layout{grid-template-columns:minmax(460px,1.08fr) minmax(380px,.92fr);align-items:start;gap:24px;margin-top:24px;display:grid}.section-head,.panel-actions,.item-card-head,.preview-frame-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hero-copy{max-width:780px}.hero-side{background:#ffffffad;border:1px solid #fff9;border-radius:24px;flex-direction:column;gap:6px;min-width:260px;padding:18px 20px;display:flex;box-shadow:inset 0 1px #ffffffb3}.hero-side strong{font-size:18px;line-height:1.3}.hero-side span:last-child{color:var(--muted)}.hero-side-label,.eyebrow{color:#72c8ff;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.metric-card{background:#ffffffb8;border:1px solid #ffffff8f;border-radius:24px;flex-direction:column;gap:6px;padding:18px 20px;display:flex;box-shadow:inset 0 1px #ffffffb3}.metric-card strong{letter-spacing:-.05em;font-size:clamp(22px,3vw,32px);line-height:1}.metric-label,.metric-note{color:var(--muted)}.metric-label{text-transform:uppercase;letter-spacing:.12em;font-size:12px}.metric-note{font-size:13px}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.toolbar-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.badge{color:var(--accent-strong);background:#ffffffd6;border:1px solid #0f766e24;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero h1,.brand-copy h2,.quote-hero h3,.panel-intro h2,.preview-frame-head h2{letter-spacing:-.045em;margin:14px 0 10px}.hero h1{max-width:12ch;font-size:clamp(34px,4.4vw,58px);line-height:.96}.hero p,.section-head p,.muted,.brand-copy p,.quote-hero p,.panel-intro p{color:var(--muted);margin:0;line-height:1.7}.panel{overflow:hidden}.quote-toolbar{-webkit-backdrop-filter:blur(16px)saturate(140%);background:linear-gradient(135deg,#ffffffb8,#f0f4faa3);border:1px solid #fff9;border-radius:16px;padding:8px 10px;box-shadow:inset 0 1px #ffffffd6,0 8px 24px #0f172a0d}.quote-toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-label{color:#7a8a9d;letter-spacing:.06em;text-transform:uppercase;margin-right:2px;font-size:11px;font-weight:700}.btn-toolbar{padding:6px 12px!important;font-size:12px!important}.toolbar-spacer{flex:1}.export-btn{align-items:center;gap:4px;display:inline-flex!important}.export-caret{opacity:.5;font-size:8px}.export-menu{z-index:9999;background:#fff;border:1px solid #0f172a14;border-radius:12px;min-width:140px;padding:4px;animation:.15s exportSlideIn;box-shadow:0 12px 32px #0f172a1a}@keyframes exportSlideIn{0%{opacity:0}to{opacity:1}}.export-menu-item{color:#17212d;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:background .12s;display:block}.export-menu-item:hover{color:#2c7cf6;background:#2c7cf614}.editor-panel{background:linear-gradient(180deg, #fffffffa, #fafcfef5), var(--panel)}.panel-intro{border-bottom:1px solid var(--line);background:linear-gradient(#ffffffe6,#fff0),linear-gradient(135deg,#2c7cf60a,#2c7cf605);padding:20px 24px}.panel-intro h2{color:#17212d;margin-top:10px;margin-bottom:6px;font-size:24px;line-height:1.15}.panel-section{border-bottom:1px solid var(--line);padding:22px 24px;scroll-margin-top:18px}.panel-section:last-child{border-bottom:none}.panel-section-primary{background:linear-gradient(#fffffffa,#fffffff5)}.panel-section-secondary{background:linear-gradient(#fcfdfff5,#f9fbfdeb)}.panel-section-tertiary{background:linear-gradient(#fafcfef0,#ffffffe6)}.panel-section-tool{background:linear-gradient(#f8fbfff5,#ffffffeb)}.panel-section-library{background:linear-gradient(#f9fbfdf5,#ffffffeb)}.editor-cluster{display:contents}.base-info-cluster .panel-section{position:relative}.base-info-cluster{flex-direction:column;gap:10px;display:flex}.base-info-board{padding:20px 22px}.base-info-board>.section-head{margin-bottom:16px}.base-info-groups{flex-direction:column;gap:0;display:flex}.base-info-groups>.panel-section,.base-info-group{box-shadow:none;background:0 0;border:none;border-radius:0;padding:18px 0}.base-info-groups>.panel-section+.panel-section,.base-info-groups>.panel-section+.base-info-group,.base-info-groups>.base-info-group+.panel-section,.base-info-groups>.base-info-group+.base-info-group{border-top:1px solid #0f172a14}.info-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.info-3col{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.base-info-compact{padding:14px 16px!important}.info-card-sm{border-radius:12px!important;padding:10px 12px!important}.info-card-title{color:#465362;margin-bottom:6px;font-size:12px;font-weight:700}.info-compact-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.info-compact-row input{flex:1;min-width:0;border-radius:8px!important;padding:6px 8px!important;font-size:12px!important}.info-compact-list{flex-direction:column;gap:2px;display:flex}.info-compact-item{align-items:center;gap:4px;padding:3px 0;display:flex}.info-compact-name{color:#17212d;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.info-compact-item .btn{padding:3px 8px!important;font-size:10px!important}@media (width<=900px){.info-3col{grid-template-columns:1fr 1fr}}@media (width<=760px){.info-two-col,.info-3col{grid-template-columns:1fr}}.notes-collapse{border-top:none!important;margin-top:0!important}.info-collapse+.notes-collapse{border-top:1px solid #0f172a0f}.base-info-compact .info-card-sm input,.base-info-compact .info-card-sm select,.base-info-compact .info-card-sm textarea{border-radius:8px!important;padding:6px 8px!important;font-size:12px!important}.base-info-compact .info-card-sm .field{gap:3px!important}.base-info-compact .info-card-sm .field label{font-size:10px!important}.info-card{background:#ffffffeb;border:1px solid #0f172a0f;border-radius:16px;padding:14px 16px}.info-card .section-head{margin-bottom:10px}.info-card .section-head h2{margin:0;font-size:15px}.info-card .field{gap:4px}.info-card .field label{font-size:11px}.info-card input,.info-card select,.info-card textarea{padding:10px 12px;font-size:13px}.info-collapse{background:#ffffffeb;border:1px solid #0f172a0f;border-radius:16px;overflow:hidden}.info-collapse summary{color:#17212d;cursor:pointer;background:#f8fafcf5;border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;list-style:none;display:flex}.info-collapse summary:after{content:"";border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;width:7px;height:7px;margin-top:-4px;transition:transform .2s;display:inline-block;transform:rotate(45deg)}.info-collapse[open] summary:after{margin-top:2px;transform:rotate(-135deg)}.info-collapse summary::-webkit-details-marker{display:none}.info-collapse .info-two-col{padding:10px}@media (width<=760px){.info-two-col{grid-template-columns:1fr}}.base-info-cluster .section-head{margin-bottom:14px}.base-info-cluster .section-head h2{margin-bottom:4px;font-size:20px}.base-info-cluster .section-head-copy p{font-size:13px;line-height:1.65}.base-info-cluster .eyebrow{letter-spacing:.14em;font-size:11px}.base-info-cluster .form-grid{gap:14px}.base-info-cluster .field{gap:8px}.base-info-cluster .field label{font-size:13px}.base-info-cluster input,.base-info-cluster textarea,.base-info-cluster select{padding:13px 14px}.template-save-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:12px;display:grid}.template-list{gap:10px}.template-card{background:linear-gradient(#fbfdfffa,#f4f8fcf5),#ffffffeb;border:1px solid #0f172a0f;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.template-card-main{min-width:0}.template-card-main strong{color:var(--text);display:block}.template-card-main p,.template-card-main span{color:var(--text-soft);margin:4px 0 0;font-size:14px}.template-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.editor-library-shell{border-top:1px solid var(--line)}.editor-library-shell>summary{cursor:pointer;color:var(--text);background:#fafcfef0;justify-content:space-between;align-items:center;padding:16px 24px;font-weight:700;list-style:none;display:flex}.editor-library-shell>summary:after{content:"展开";color:var(--muted);font-size:12px;font-weight:700}.editor-library-shell>summary::-webkit-details-marker{display:none}.editor-library-shell>summary:after{content:"展开"}.editor-library-shell[open]>summary:after{content:"收起"}.editor-library-shell[open]>summary{background:#f6f9fcfa}.section-head h2{letter-spacing:-.04em;color:#17212d;margin:0 0 4px;font-size:22px}.section-head{margin-bottom:14px}.section-head-copy{min-width:0}.section-title-input{color:#17212d;letter-spacing:-.04em;width:100%;box-shadow:none;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:26px;font-weight:700}.section-title-input:focus{border-bottom:2px solid #2c7cf666}.section-head-emphasis h2{font-size:26px}.section-head-side{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.section-mini-stats{flex-wrap:wrap;gap:8px;display:flex}.section-mini-stats span{color:#466175;background:#f7fafdf5;border:1px solid #0f172a0f;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.form-grid,.form-grid-3col,.sheet-bottom,.preview-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid-3col{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (width<=768px){.form-grid-3col{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.field{flex-direction:column;gap:8px;display:flex}.field.full{grid-column:1/-1}.field label{color:#465362;letter-spacing:.01em;font-size:13px;font-weight:700}.btn{appearance:none;cursor:pointer;box-shadow:none;border:1px solid #0000;border-radius:999px;padding:12px 18px;font-weight:700}.btn.primary{color:#fff;background:linear-gradient(135deg,#2480ff,#1fb6c9);border-color:#53aaff6b}.btn.secondary{color:var(--text);background:#fff;border:1px solid #0f172a14}.btn.small.active{color:#fff;background:linear-gradient(135deg, var(--accent-strong), var(--accent));border:1px solid #0f766e4d;box-shadow:0 12px 24px #0f766e33}.btn.ghost{color:var(--accent-strong);background:#2c7cf60f;border-color:#2c7cf61a}.btn.small{padding:10px 14px;font-size:13px}.stack,.totals-list{flex-direction:column;gap:12px;display:flex}.hardware-card,.library-row,.meta-item,.info-card{background:var(--content-bg);border:1px solid #0f172a0f;border-radius:18px}.hardware-card,.info-card{padding:16px}.quote-item-card{background:linear-gradient(#fbfdfffa,#f4f8fcf5),#ffffffeb;border-color:#0f172a0f}.quote-item-card.is-highlighted{border-color:#0f766e57;box-shadow:0 0 0 2px #0f766e1f,0 18px 36px #0f766e14}.item-card-head{align-items:flex-start;margin-bottom:12px}.item-card-title{min-width:0}.quote-item-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.item-card-head strong{margin-top:6px;font-size:20px;line-height:1.2;display:block}.library-row{grid-template-columns:140px minmax(0,1fr) 120px auto auto;align-items:center;gap:12px;padding:14px;display:grid}.hardware-grid{grid-template-columns:120px minmax(0,1.3fr) minmax(0,1fr) 100px;align-items:end;gap:12px;display:grid}.hardware-grid-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(180px,.9fr);margin-top:10px}.hardware-grid-library-bottom{grid-template-columns:minmax(180px,.9fr) auto auto}.quote-item-subtotal{align-self:stretch}.quote-item-subtotal-value{min-height:46px;color:var(--ink);background:linear-gradient(#0f766e14,#fffffff0);border:1px solid #0f766e29;border-radius:14px;align-items:center;padding:0 14px;font-size:17px;font-weight:700;display:flex}.split-layout{gap:14px;min-height:300px;display:flex}.split-nav{flex-direction:column;flex-shrink:0;gap:4px;width:142px;padding:6px 0;display:flex}.split-nav-item{cursor:pointer;text-align:left;background:#ffffffb3;border:1px solid #0f172a14;border-radius:12px;align-items:center;gap:8px;padding:9px 10px;transition:all .14s;display:flex}.split-nav-item:hover{background:#2c7cf60f;border-color:#2c7cf633}.split-nav-item.active{background:#2c7cf61a;border-color:#2c7cf64d}.split-nav-drag{color:#94a3b8;cursor:grab;opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:20px;transition:opacity .15s;display:none}@media (hover:hover) and (pointer:fine){.split-nav-item{cursor:default}.split-nav-item:hover .split-nav-drag{opacity:1}.split-nav-drag{display:flex}.split-nav-drag:active{cursor:grabbing}}.split-nav-item.drag-over{box-shadow:0 0 0 2px #2c7cf626;background:#2c7cf614!important;border-color:#2c7cf680!important}.split-nav-emoji{flex-shrink:0;font-size:16px;line-height:1}.split-nav-label{color:#17212d;flex:1;font-size:13px;font-weight:600}.split-nav-check{color:#16a34a;flex-shrink:0;margin-left:auto;font-size:12px;font-weight:700}.split-nav-hint{color:#94a3b8;flex-shrink:0;margin-left:auto;font-size:10px}.split-content{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.split-content-head{color:#17212d;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.split-content-head-actions{align-items:center;gap:10px;display:flex}.split-content-head-meta{color:#94a3b8;font-size:11px;font-weight:400}.split-content-add{color:#2c7cf6d9;cursor:pointer;background:0 0;border:1px solid #2c7cf640;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .14s}.split-content-add:hover{background:#2c7cf614}.cat-modal-overlay{z-index:900;background:#0f172a59;justify-content:center;align-items:center;animation:.15s catModalFadeIn;display:flex;position:fixed;inset:0}@keyframes catModalFadeIn{0%{opacity:0}to{opacity:1}}.cat-modal{background:#fff;border-radius:20px;width:90vw;max-width:480px;padding:28px 24px 24px;animation:.18s catModalSlideUp;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 56px #0f172a33}@keyframes catModalSlideUp{0%{opacity:0;transform:translate(-50%,calc(20px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.cat-modal-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cat-modal-item{cursor:pointer;color:#17212d;background:#fff;border:1px solid #0f172a14;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:12px;font-weight:600;transition:all .14s;display:flex}.cat-modal-item:hover{background:#2c7cf60f;border-color:#2c7cf640;transform:translateY(-1px)}.cat-modal-emoji{font-size:22px;line-height:1}.clear-confirm{text-align:center;background:#fff;border-radius:20px;width:90vw;max-width:360px;padding:24px;animation:.18s catModalSlideUp;box-shadow:0 24px 56px #0f172a33}.clear-confirm p{color:#17212d;margin:0 0 18px;font-size:14px;line-height:1.6}.clear-confirm-actions{justify-content:center;gap:10px;display:flex}.qic-card{background:linear-gradient(#fbfdfffa,#f4f8fcf5),#ffffffeb;border:1px solid #0f172a0f;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.qic-card.is-highlighted{border-color:#0f766e57;box-shadow:0 0 0 2px #0f766e1f,0 18px 36px #0f766e14}.qic-card-row{align-items:center;gap:8px;display:flex}.qic-name-wrap{flex:1;min-width:0;position:relative}.qic-name{width:100%;padding:7px 10px;font-size:13px;font-weight:600}.qic-card-meta{justify-content:space-between;gap:10px}.qic-field{flex-direction:column;flex:1;gap:2px;min-width:0;max-width:90px;display:flex}.qic-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:600}.qic-qty,.qic-price{padding:5px 8px;font-size:13px}.qic-subtotal-badge{flex:none;padding:2px 10px}.qic-subtotal{color:#0f172a;font-size:15px;font-weight:800}.qic-actions{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.qic-btn{color:#6f7f91;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.qic-btn:hover:not(:disabled){color:#2c7cf6d9;border-color:#2c7cf64d}.qic-btn:disabled{opacity:.25;cursor:default}.qic-btn-del:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.qic-suggest-list{z-index:200;background:#fff;border:1px solid #0f172a1a;border-radius:10px;max-height:180px;margin:2px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0f172a1f}.qic-suggest-item{cursor:pointer;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;transition:background .12s;display:flex}.qic-suggest-item:hover{background:#2c7cf614}.qic-suggest-name{color:#17212d;font-weight:500}.qic-suggest-price{color:#2c7cf6d9;font-size:11px;font-weight:700}.quote-items-summary{background:linear-gradient(#f5fafffa,#eff5fbf5);border:1px solid #0f172a0f;border-radius:18px;margin-top:14px;padding:14px 16px}.quote-items-summary-row{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.quote-items-summary-row+.quote-items-summary-row{border-top:1px solid #1f293314}.quote-items-summary-row strong{color:var(--ink)}.quote-items-summary-row.total strong{font-size:20px}.notes-shell{background:var(--content-bg);border:1px solid #0f172a0f;border-radius:18px;padding:16px}.hardware-toolbar{margin-bottom:14px}.hardware-card-library{background:var(--content-bg)}.hl-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.hl-title{color:#17212d;margin:0;font-size:14px;font-weight:700}.hl-tools{align-items:center;gap:6px;display:flex}.hl-search{border-radius:8px!important;width:140px!important;padding:5px 8px!important;font-size:12px!important}.hl-filter{border-radius:8px!important;width:80px!important;padding:5px 6px!important;font-size:12px!important}.hl-empty{text-align:center;color:#94a3b8;padding:20px;font-size:12px}.hl-table-wrap{border:1px solid #0f172a0f;border-radius:10px;max-height:360px;overflow-y:auto}.hl-table{border-collapse:collapse;width:100%;font-size:12px}.hl-table thead{z-index:1;position:sticky;top:0}.hl-table th{text-align:left;color:#94a3b8;letter-spacing:.04em;background:#f8fafcfa;border-bottom:1px solid #0f172a0f;padding:7px 10px;font-size:10px;font-weight:700}.hl-group-head td{color:#465362;background:#f8fafcf2;border-bottom:1px solid #0f172a0a;padding:6px 10px;font-size:11px;font-weight:700}.hl-group-n{text-align:center;color:#2c7cf6;vertical-align:middle;background:#2c7cf61a;border-radius:999px;min-width:16px;height:16px;margin-left:4px;padding:0 5px;font-size:10px;font-weight:700;line-height:16px;display:inline-block}.hl-group-dot{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.hl-row td{border-bottom:1px solid #0f172a08;padding:6px 10px}.hl-row:hover td{background:#2c7cf605}.hl-desc{color:#17212d;font-weight:500}.hl-price{text-align:right;color:#2c7cf6;white-space:nowrap;font-weight:700}.hl-act-col{text-align:right;white-space:nowrap}.hl-act{cursor:pointer;color:#c0c9d4;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;transition:all .1s;display:inline-flex}.hl-row:hover .hl-act{color:#94a3b8}.hl-act:hover{color:#2c7cf6;background:#2c7cf614}.hl-act-del:hover{color:#ef4444;background:#ef444414}.hl-act-ok{color:#16a34a!important}.hl-act-no{color:#94a3b8!important}.hl-inp{width:100%;border-radius:6px!important;padding:4px 6px!important;font-size:11px!important}.hl-inp-price{text-align:right}.hl-row-edit td{background:#2c7cf608!important}.hl-add-row{align-items:center;gap:6px;margin-top:8px;display:flex}.hl-add-cat{flex:none;width:90px}.hl-add-desc{flex:1;min-width:100px}.hl-add-price{flex:none;width:90px}.hl-add-btn{color:#2c7cf6;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2c7cf640;border-radius:7px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .1s}.hl-add-btn:hover{background:#2c7cf60f}.hl-price-btn{color:#059669;cursor:pointer;white-space:nowrap;background:#10b9810f;border:1px solid #10b9814d;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .1s}.hl-price-btn:hover:not(:disabled){background:#10b9811f;border-color:#10b98180}.hl-price-btn:disabled{opacity:.4;cursor:not-allowed}.login-overlay{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 24px 64px #0f172a14}.login-card h2{color:#17212d;margin:0 0 4px;font-size:24px}.login-sub{color:#94a3b8;margin:0 0 24px;font-size:13px}.login-inp{margin-bottom:12px;border-radius:12px!important;padding:12px 14px!important;font-size:14px!important}.login-err{color:#ef4444;margin:0 0 8px;font-size:12px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2480ff,#1fb6c9);border:none;border-radius:12px;width:100%;margin-top:4px;padding:12px;font-size:15px;font-weight:700;display:block}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-switch{color:#94a3b8;margin:16px 0 0;font-size:12px}.login-switch button{color:#2c7cf6;cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-weight:600}.logout-btn{z-index:999;color:#94a3b8;cursor:pointer;background:#ffffffe6;border:1px solid #0f172a14;border-radius:8px;padding:6px 12px;font-size:11px;position:fixed;top:12px;right:16px}.auth-btns{gap:6px;margin-left:10px;display:flex}.auth-btns button{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0f172a1a;border-radius:6px;padding:4px 10px;font-size:11px}.auth-btns button:hover{color:#17212d;border-color:#0f172a33}.pwd-overlay{z-index:1000;background:#0f172a4d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pwd-card{background:#fff;border-radius:16px;width:90%;max-width:320px;padding:24px;box-shadow:0 20px 48px #0f172a26}.pwd-card h3{margin:0 0 14px;font-size:16px}.pwd-card input{margin-bottom:10px;border-radius:10px!important;padding:10px 12px!important;font-size:13px!important}.pwd-msg{margin:0 0 8px;font-size:12px}.pwd-card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2480ff,#1fb6c9);border:none;border-radius:10px;width:100%;padding:10px;font-weight:700}.hl-batch-btn{color:#d97706;cursor:pointer;white-space:nowrap;background:#f59e0b0f;border:1px solid #f59e0b4d;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .1s}.hl-batch-btn:hover:not(:disabled){background:#f59e0b1f;border-color:#f59e0b80}.hl-batch-btn:disabled{opacity:.5;cursor:not-allowed}.hl-progress{color:#d97706;background:#f59e0b14;border-radius:7px;margin-bottom:6px;padding:6px 10px;font-size:11px;font-weight:600}.hl-thumb-cell{vertical-align:middle;width:32px;padding:2px!important}.hl-thumb{object-fit:cover;border-radius:4px;width:24px;height:24px;display:block}.hl-refresh{color:#94a3b8;margin-top:1px;font-size:10px;font-weight:400;display:block}.quote-sheet{box-shadow:none;background:0 0;border:none}.preview-stack{flex-direction:column;gap:12px;display:flex}.preview-workbench{background:linear-gradient(180deg, #fcfdfffa, #f7f9fcf5), var(--panel);box-shadow:none;border:none;padding:14px;overflow:visible}@media (width>=1241px){.preview-workbench{align-self:start;max-height:calc(100vh - 36px);position:sticky;top:18px;overflow:visible}}.preview-workbench-head{border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 2px 6px;display:flex}.preview-workbench-body{box-shadow:none;background:0 0;border:none;border-radius:24px;margin-top:6px;padding:10px}.preview-stage{min-width:0}.segmented-control{--segment-index:0;background:#f5f8fbf5;border:1px solid #0f172a14;border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:inline-grid;position:relative;box-shadow:inset 0 1px #ffffffe6,0 4px 12px #0f172a0a}.segmented-thumb{background:linear-gradient(135deg, var(--accent-strong), var(--accent));width:calc(50% - 3px);transform:translateX(calc(var(--segment-index) * 100%));border-radius:999px;transition:transform .22s,box-shadow .22s,background .22s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 10px 22px #2f7bf647}.segment-option{z-index:1;color:#6a7d90;cursor:pointer;background:0 0;border:none;border-radius:999px;min-width:0;padding:8px 14px;font-size:12px;font-weight:700;transition:color .18s,transform .18s;position:relative}.segment-option.active{color:#fff}.preview-orientation-switch{justify-self:end}.preview-frame{padding:22px}.preview-frame-head{margin-bottom:18px}.preview-frame-head h2{margin:8px 0 0;font-size:22px}.preview-orientation{color:#94a3b8;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600}.library-thumb{background:#f8fafc;border:1px dashed #94a3b847;border-radius:14px;place-items:center;min-height:88px;display:grid;overflow:hidden}.library-thumb img{object-fit:cover;width:100%;height:88px}.library-thumb span{color:var(--muted);font-size:13px}.quote-page{min-height:1120px;box-shadow:none;background:linear-gradient(#fbfdfffa,#f6f9fcf5),#fff;border:none;border-radius:28px;padding:34px 36px}.quote-page-document{box-shadow:none;background:#fff;border:none;border-radius:8px;padding:30px 34px 32px}.quote-page.landscape{min-height:790px}.quote-page.landscape .quote-header,.quote-page.landscape .sheet-bottom{grid-template-columns:1fr 1fr}.quote-header{border-bottom:1px solid #64748b2e;grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:18px;padding-bottom:18px;display:grid}.quote-header-compact{grid-template-columns:minmax(0,1fr) minmax(248px,290px);gap:14px;padding-bottom:14px}.brand-block{align-items:center;gap:14px;min-width:0;display:flex}.brand-block-compact{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:64px}.logo-box{background:linear-gradient(135deg,#ecfeff,#fef3c7);border:1px solid #1f293314;border-radius:18px;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.logo-box-brand{background:0 0;border:none;border-radius:0;justify-content:flex-start;align-items:center;width:min(100%,220px);min-height:42px;max-height:72px;padding:0;display:flex;overflow:visible}.quote-brand-logo-image{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.logo-fallback{color:var(--accent-strong);font-size:18px;font-weight:800}.preview-meta-grid{gap:8px}.preview-meta-grid-compact{align-content:start;gap:5px}.quote-page-document .preview-meta-grid-compact.screen-only{background:#fff;border:1px solid #d7e0e9;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:0;min-height:84px;display:grid;overflow:hidden}.meta-item{padding:18px}.meta-mini{background:linear-gradient(#fffffff5,#f7fafcf0);border-color:#94a3b82e;border-radius:14px;min-height:56px;padding:10px 12px}.preview-meta-grid-compact .meta-mini{border-color:#94a3b829;border-radius:12px;min-height:52px;padding:9px 10px}.quote-page-document .preview-meta-grid-compact.screen-only .meta-mini{min-height:42px;box-shadow:none;background:linear-gradient(#fff,#fbfcfd);border:none;border-radius:0;flex-direction:column;justify-content:center;padding:7px 10px 6px;display:flex}.quote-page-document .preview-meta-grid-compact.screen-only>:nth-child(odd){border-right:1px solid #dfe6ee}.quote-page-document .preview-meta-grid-compact.screen-only>:nth-child(-n+2){border-bottom:1px solid #dfe6ee}.quote-page-document.landscape .preview-meta-grid-compact.screen-only{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:80px}.quote-page-document.landscape .quote-header-compact{grid-template-columns:minmax(0,1.08fr) minmax(292px,320px);gap:12px;padding-bottom:12px}.quote-page-document.landscape .brand-block-compact{gap:6px;min-height:80px}.quote-page-document.landscape .logo-box-brand{width:min(100%,210px);min-height:36px;max-height:54px}.quote-page-document.landscape .quote-brand-slogan{white-space:nowrap;max-width:240px;font-size:11px;line-height:1.25}.quote-page-document.landscape .preview-meta-grid-compact.screen-only .meta-mini{min-height:40px;padding:6px 9px 5px}.quote-page-document.landscape .preview-meta-grid-compact.screen-only .meta-mini .label{font-size:9px;line-height:1.2}.quote-page-document.landscape .preview-meta-grid-compact.screen-only .meta-mini .value{text-overflow:clip;margin-top:2px;font-size:11px;line-height:1.28;overflow:visible}.quote-page-document.landscape .quote-hero{padding:14px 0 10px}.quote-page-document.landscape .quote-hero h3{margin-bottom:4px;font-size:24px}.quote-page-document.landscape .quote-hero p{font-size:12px;line-height:1.56}.quote-page-document.landscape .quote-table-wrap.screen-only{margin-top:10px}.quote-page-document.landscape .quote-table th,.quote-page-document.landscape .quote-table td{padding-top:13px;padding-bottom:13px}.quote-page-document.landscape .terms-grid-compact.quote-print-terms.screen-only{margin-top:10px}.quote-page-document.landscape .terms-grid-compact.quote-print-terms.screen-only .term-card-compact{min-height:96px;padding:10px 12px}.meta-item .label,th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.meta-mini .label{letter-spacing:.08em;color:#97a6b6;white-space:nowrap;font-size:9px;font-weight:500;line-height:1.2}.meta-item .value{margin-top:6px;font-size:16px;font-weight:700}.meta-mini .value{color:#13202c;white-space:nowrap;margin-top:2px;font-size:11.5px;font-weight:700;line-height:1.28}.preview-meta-grid-compact .meta-mini .value{font-size:12px}.quote-hero{padding:20px 0 14px}.quote-hero h3{color:#0f1d2a;margin:0 0 5px;font-size:28px;line-height:1.14}.quote-hero p{color:#6a7887;font-size:12.5px;line-height:1.68}.quote-hero-compact{border-bottom:1px solid #94a3b82e}.quote-brand-slogan{color:var(--muted);max-width:220px;margin:0;font-size:12px;line-height:1.45}.overview-label,.mobile-item-stats span,.mobile-item-index{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.quote-table-wrap{background:linear-gradient(#fffffffa,#fafcfff5);border:1px solid #94a3b82e;border-radius:24px;margin-top:14px;overflow:hidden}.quote-page-document .quote-table-wrap.screen-only{box-shadow:none;background:#fff;border:1px solid #d7e0e9;border-radius:0;margin-top:12px}.quote-items-mobile,.quote-mobile-total{display:none}.customer-view-shell{background:linear-gradient(#f6fafefa,#eef4faf0),#f8fafc}.customer-view{background:radial-gradient(circle at 100% 0,#0d7a721a,#0000 28%),radial-gradient(circle at 0 0,#2563eb0f,#0000 24%),linear-gradient(#f8fafc 0%,#edf3f8 100%);min-height:780px;padding:18px 18px 108px}.customer-view.landscape{min-height:640px;padding-bottom:92px}.customer-view-header{margin-bottom:14px}.customer-view-brand{background:linear-gradient(#fffffffa,#f9fbfdf0);border:1px solid #94a3b829;border-radius:22px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 14px 28px #0f172a0d}.customer-view-logo{background:0 0;border:none;border-radius:0;flex-shrink:0;place-items:center;width:auto;max-width:92px;min-height:34px;max-height:46px;display:grid;overflow:hidden}.customer-view-logo img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.customer-view-logo span{color:var(--accent-strong);font-size:12px;font-weight:700}.customer-view-brand-copy{min-width:0}.customer-view-brand-copy strong{font-size:18px;line-height:1.2;display:block}.customer-view-brand-copy span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5;display:block}.customer-view-summary{background:linear-gradient(#fffffffa,#f7fafcf5);border:1px solid #94a3b829;border-radius:22px;margin-top:10px;padding:14px;box-shadow:0 14px 30px #0f172a0d}.customer-view-title-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.customer-view-title-row h3{letter-spacing:-.03em;margin:0;font-size:22px;line-height:1.25}.customer-view-title-note{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.customer-view-price{color:var(--accent-strong);white-space:nowrap;font-size:22px;font-weight:800}.customer-view-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.customer-view-meta span{color:#5b6878;background:#f8fafceb;border:1px solid #94a3b81f;border-radius:999px;padding:6px 10px;font-size:11px}.customer-view-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.customer-item-card{background:linear-gradient(#fffffffa,#f6f9fcf5),#fff;border:1px solid #94a3b829;border-radius:22px;grid-template-columns:92px minmax(0,1fr);gap:12px;padding:12px;display:grid;box-shadow:0 16px 32px #0f172a0d}.customer-view.landscape .customer-item-card{grid-template-columns:84px minmax(0,1fr);gap:10px;padding:11px 12px}.customer-item-image{background:linear-gradient(#f8fbfd,#edf3f8);border:1px solid #94a3b833;border-radius:18px;place-items:center;width:92px;height:92px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffb3}.customer-view.landscape .customer-item-image{width:84px;height:84px}.customer-item-image-placeholder{position:relative}.customer-item-image-placeholder:before{content:"";background:linear-gradient(135deg,#dbeafe,#f0f9ff);border-radius:14px;width:52px;height:52px;box-shadow:inset 0 1px #fffc}.customer-item-image img{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.customer-item-image-placeholder span{color:var(--muted);font-size:12px;position:absolute;bottom:12px}.customer-item-body{min-width:0}.customer-item-top,.customer-item-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.customer-item-category{color:#30506c;letter-spacing:.04em;background:linear-gradient(#fff,#f3f7fb);border:1px solid #94a3b82e;border-radius:999px;align-items:center;padding:6px 11px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffbf}.customer-item-subtotal{color:#111827;font-size:16px;font-weight:800}.customer-item-body h4{letter-spacing:-.02em;color:#0f172a;margin:6px 0 3px;font-size:18px;line-height:1.28}.customer-view.landscape .customer-item-body h4{font-size:17px}.customer-item-body p{color:#7b8794;margin:0;font-size:11px;line-height:1.42}.customer-item-bottom{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.customer-item-meta-inline{background:#f8fafc;border:1px solid #94a3b81f;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;display:inline-flex}.customer-item-meta-label{color:var(--muted);letter-spacing:.04em;font-size:10px;display:inline-block}.customer-item-meta-inline strong{color:#1e293b;font-size:13px;line-height:1.2;display:inline-block}.customer-view-merchant-grid{color:#475569;gap:4px;font-size:12px;line-height:1.45;display:grid}.customer-view-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffffffe,#f3f7fbfc),#fffffffa;border:1px solid #94a3b82e;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;gap:10px;margin-top:12px;display:flex;position:sticky;bottom:0;box-shadow:0 -18px 36px #0f172a1f}.customer-view-contact-panel{background:#f8fafcf5;border:1px solid #94a3b824;border-radius:16px;width:100%;padding:10px 12px;display:none}.customer-view-contact-panel.open{display:block}.customer-view-footer-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.customer-view-footer-total span{color:var(--muted);font-size:12px;display:block}.customer-view-footer-total strong{color:#0f172a;margin-top:4px;font-size:26px;line-height:1;display:block}.customer-view-footer-btn{min-width:128px;box-shadow:0 14px 28px #0f766e3d}.screen-only{display:block}.print-only{display:none}table{border-collapse:collapse;width:100%}.quote-table{border-collapse:collapse;table-layout:fixed;border:1px solid #ccd6e0}.quote-table th,.quote-table td{border-bottom:1px solid #d8e0e8;border-left:1px solid #d8e0e8}.quote-table th:last-child,.quote-table td:last-child{border-right:1px solid #d8e0e8}thead{background:#f7f9fb}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e1e8ef;padding:16px}.quote-page-document .quote-table thead th:first-child{width:15%}.quote-page-document .quote-table thead th:nth-child(2){width:45%}.quote-page-document .quote-table thead th:nth-child(3){width:10%}.quote-page-document .quote-table thead th:nth-child(4),.quote-page-document .quote-table thead th:nth-child(5){width:15%}.quote-page-document .quote-table th{letter-spacing:.08em;color:#7a8796;font-size:11px;font-weight:700}.quote-page-document .quote-table td{color:#1b2734;font-size:13px}.col-right{text-align:right}.category-tag{color:#5b6b7b;letter-spacing:.02em;background:#f8fafc;border:1px solid #94a3b824;border-radius:999px;align-items:center;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.quote-item-name{color:#162230;font-size:14px;font-weight:700;line-height:1.5}.quote-item-details{color:#7d8894;margin-top:5px;font-size:11px;line-height:1.62}.empty-state,.empty-cell{text-align:center;color:var(--muted);background:#f8fafc99;border:1px dashed #94a3b838;border-radius:18px;padding:30px 20px}.empty-cell{background:0 0;border:none}.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.terms-grid-compact{gap:8px;margin-top:14px}.quote-page-document .terms-grid-compact.quote-print-terms.screen-only{background:#fff;border:1px solid #d7e0e9;border-radius:0;gap:0;margin-top:12px;overflow:hidden}.info-card h4{letter-spacing:-.03em;margin:0 0 14px;font-size:18px}.term-card{min-height:168px}.term-card-compact{min-height:96px;box-shadow:none;background:#fcfdfe;border-color:#e2e8f0d9;padding:10px 12px}.quote-page-document .terms-grid-compact.quote-print-terms.screen-only .term-card-compact{background:linear-gradient(#fff,#fbfcfd);border:none;border-radius:0;min-height:110px;padding:12px 14px}.quote-page-document .terms-grid-compact.quote-print-terms.screen-only>:nth-child(odd){border-right:1px solid #e1e8ef}.quote-page-document .terms-grid-compact.quote-print-terms.screen-only>:nth-child(-n+2){border-bottom:1px solid #e1e8ef}.term-card-compact h4{letter-spacing:normal;color:#556372;margin-bottom:7px;font-size:12px;font-weight:700}.term-card-compact .notes{color:#677483;font-size:11px;line-height:1.68}.notes{white-space:pre-wrap;line-height:1.8}.total-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.total-row-strong{border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.mobile-item-card{background:linear-gradient(#fffffffa,#f8fafceb);border:1px solid #94a3b82e;border-radius:20px;padding:18px}.mobile-item-head,.mobile-item-stats{justify-content:space-between;align-items:center;gap:10px;display:flex}.mobile-item-card h4{letter-spacing:-.03em;margin:14px 0 6px;font-size:20px}.mobile-item-card p{color:var(--muted);margin:0;line-height:1.6}.mobile-item-stats{align-items:stretch;margin-top:16px}.mobile-item-stats div{background:#f8fafc;border-radius:16px;flex:1;padding:12px}.mobile-item-stats strong{margin-top:6px;font-size:16px;line-height:1.2;display:block}.file-btn{position:relative;overflow:hidden}.file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (width<=1240px){.layout{grid-template-columns:1fr}.quote-sheet{position:static}}@media (width<=1100px){.quote-header,.terms-grid,.form-grid,.preview-meta-grid,.toolbar,.toolbar-wide,.hardware-grid,.hardware-grid-bottom,.library-row,.template-save-row{grid-template-columns:1fr}}@media (width<=760px){body{padding:16px 12px 36px}.app-toolbar{flex-direction:column;align-items:flex-start;margin-bottom:14px}.app-toolbar h1{font-size:22px}.app-toolbar p{white-space:normal}.hero,.panel-section,.panel-intro,.preview-frame,.quote-page{padding:18px}.quote-toolbar{padding:10px}.quote-toolbar-row{flex-direction:column;align-items:flex-start}.preview-workbench-head{flex-direction:column}.quote-item-actions,.section-head-side,.toolbar-group-compact{justify-content:flex-start;width:100%}.template-card{flex-direction:column;align-items:stretch}.template-card-actions{justify-content:flex-start}.editor-library-shell>summary{padding:15px 18px}.hero h1{max-width:none;font-size:clamp(30px,10vw,44px)}.editor-panel{border-radius:26px}.panel-section{padding-top:18px;padding-bottom:18px}.preview-frame{padding:16px}.preview-frame-head,.quote-header,.terms-grid{gap:14px}.quote-header-compact{grid-template-columns:1fr}.quote-page{background:linear-gradient(#fffffffa,#f8fafcf5),#fff;border-radius:24px;min-height:auto;padding:22px 18px}.brand-block,.brand-block-compact{align-items:flex-start}.logo-box-brand{width:min(100%,156px);min-height:34px;max-height:56px}.meta-mini{min-height:auto}.quote-hero{padding:14px 0 12px}.quote-hero h3{font-size:24px}.quote-table-wrap{display:none}.quote-items-mobile{flex-direction:column;gap:12px;margin-top:6px;display:flex}.quote-mobile-total{color:#333;background:linear-gradient(135deg,#f0f4ff 0%,#e8f0fe 100%);border:1px solid #d0dcf0;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:14px 16px;font-size:.95rem;display:flex}.quote-mobile-total strong{color:#2563eb;font-size:1.15rem;font-weight:700}.mobile-item-stats{flex-direction:column}.mobile-item-stats div{width:100%}.info-card{padding:16px}.term-card{min-height:auto}.notes{line-height:1.7}.preview-mode-switch,.preview-orientation-switch{width:100%}.preview-orientation-switch{justify-self:stretch}.segment-option{padding:8px 11px}.customer-view{padding:12px 12px 94px}.customer-view.landscape{padding-bottom:88px}.customer-item-card{grid-template-columns:82px minmax(0,1fr);gap:10px;padding:12px}.customer-item-image{width:82px;height:82px}.customer-view-title-row{flex-direction:column;align-items:flex-start}.customer-view-title-row h3{font-size:20px}.customer-view-title-note{font-size:11px}.customer-view-price{font-size:22px}.customer-item-body h4{font-size:16px}.customer-item-bottom{gap:6px}.customer-item-meta-inline{width:auto}.customer-view-footer{gap:8px}.customer-view-footer-bar{flex-direction:column;align-items:stretch}.customer-view-footer .btn{width:100%}}@media (width<=768px){body{background:#f3f5f7;padding:0}.shell{padding:0}.layout{grid-template-columns:1fr;gap:0;margin-top:0}.app-toolbar{margin-bottom:8px;padding:12px 16px 0}.app-toolbar h1{margin-top:4px;font-size:18px}.app-toolbar p{white-space:normal;font-size:11px}.hero,.panel{border-radius:0}.panel{border-left:none;border-right:none}.editor-panel{border-radius:16px 16px 0 0}.panel-section,.panel-intro{padding:14px 16px}.panel-intro h2{font-size:20px}.section-head h2{font-size:18px}.form-grid,.info-two-col{grid-template-columns:1fr}.field{gap:6px}.field label{font-size:12px}input,textarea,select{padding:12px 14px;font-size:16px}.qic-name{background:#fff;border:1px solid #0f172a1a;border-radius:10px;padding:8px 10px!important;font-size:13px!important}.qic-qty,.qic-price{padding:8px 10px!important;font-size:13px!important}.qic-card{gap:10px}.qic-card-row{flex-wrap:wrap}.qic-card-meta{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qic-field{max-width:none}.qic-actions{margin-left:0}.hl-search{width:100%!important}.quote-toolbar{-webkit-backdrop-filter:none;background:#f8fafcfa;border-left:none;border-right:none;border-radius:0;padding:8px;box-shadow:0 1px #0f172a0d}.quote-toolbar-row{flex-flow:wrap;gap:6px}button{touch-action:manipulation}.segmented-control{font-size:13px}.segment-option{padding:10px 14px;font-size:13px}.btn-toolbar{min-height:44px;padding:10px 16px!important;font-size:13px!important}.btn{min-height:44px;padding:12px 16px}.btn.small{min-height:44px;padding:10px 14px}.toolbar-spacer{display:none}.preview-workbench{border-radius:0;padding:8px}.preview-workbench-body{border-radius:16px;padding:6px}.quote-page{border-radius:12px;min-height:auto;padding:24px 16px}.quote-page-document{border-radius:4px;padding:20px 14px}.quote-header{grid-template-columns:1fr;gap:10px}.preview-frame{padding:10px}.hl-table-wrap{max-height:280px;font-size:11px}.hl-table th,.hl-row td{padding:6px 8px}.template-save-row{grid-template-columns:1fr}.hero{padding:20px 16px}.hero-metrics{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px 14px}.metric-card strong{font-size:20px}.export-menu{min-width:160px}.export-menu-item{padding:12px 16px;font-size:15px}.split-layout{flex-direction:column;gap:8px}.split-nav{flex-flow:wrap;gap:4px;width:100%;overflow-x:auto}.split-nav-item{white-space:nowrap;background:#ffffffb3;border:1px solid #0f172a14;border-radius:8px;padding:6px 10px;font-size:12px}.split-content-head{font-size:13px}.section-head-side{flex-flow:wrap;align-items:center;gap:8px}.section-mini-stats{flex:1;min-width:0}.section-head h2,.hl-title,.info-collapse summary{color:#465362!important;background:#f8fafcf5!important;border:1px solid #0f172a14!important;border-radius:12px!important;margin:0!important;padding:10px 14px!important;font-size:13px!important;font-weight:700!important}.section-head,.hl-head{margin-bottom:10px}.info-collapse{box-shadow:none!important;background:0 0!important;border:none!important;padding:0 16px!important;overflow:visible!important}.info-collapse summary{justify-content:space-between;align-items:center;display:flex!important}.info-card{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.base-info-compact .info-card-sm input,.base-info-compact .info-card-sm select,.base-info-compact .info-card-sm textarea{border-radius:8px!important;padding:10px 12px!important;font-size:14px!important}.info-card .field label{font-size:12px!important}.customer-view{padding:8px 8px 80px!important}.customer-view-header{margin-bottom:6px!important}.customer-view-summary{border-radius:12px!important;gap:6px!important;padding:10px 12px!important}.customer-view-title-row h3{font-size:16px!important;line-height:1.2!important}.customer-view-title-note{font-size:10px!important}.customer-view-price{font-size:16px!important}.customer-view-meta{gap:4px!important}.customer-view-meta span{padding:3px 8px!important;font-size:10px!important}.customer-view-list{gap:6px!important;margin-top:6px!important}.customer-item-card{border-radius:12px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:6px!important;padding:6px!important;box-shadow:0 4px 12px #0f172a0a!important}.customer-view.landscape .customer-item-card{grid-template-columns:48px minmax(0,1fr)!important;gap:6px!important;padding:6px!important}.customer-item-image{border-radius:10px!important;width:48px!important;height:48px!important}.customer-view.landscape .customer-item-image{width:48px!important;height:48px!important}.customer-item-image-placeholder span{font-size:9px!important}.customer-item-body h4{margin:2px 0 1px!important;font-size:13px!important;line-height:1.25!important}.customer-view.landscape .customer-item-body h4{font-size:13px!important}.customer-item-body p{font-size:10px!important;line-height:1.3!important}.customer-item-category{letter-spacing:.02em!important;padding:2px 7px!important;font-size:9px!important}.customer-item-subtotal{font-size:13px!important}.customer-item-top{gap:6px!important}.customer-item-bottom{gap:3px!important;margin-top:3px!important}.customer-item-meta-inline{gap:3px!important;padding:2px 5px!important}.customer-item-meta-label{font-size:8px!important}.customer-item-meta-inline strong{font-size:10px!important}.customer-view-footer{gap:6px!important}.customer-view-footer-bar{border-radius:12px!important;padding:10px 12px!important}.customer-view-footer-total span{font-size:11px!important}.customer-view-footer-total strong{font-size:16px!important}.customer-view-footer-btn{padding:10px 16px!important;font-size:13px!important}.qic-card{border-radius:10px!important;gap:6px!important;padding:8px 10px!important}.qic-name,.qic-qty,.qic-price{padding:6px 8px!important;font-size:13px!important}.qic-field label{font-size:8px!important}.qic-subtotal{font-size:13px!important}.qic-btn{width:24px!important;height:24px!important}.terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.term-card-compact{padding:10px 12px!important}.term-card-compact h4{margin-bottom:4px!important;font-size:11px!important}.term-card-compact .notes{font-size:10px!important;line-height:1.35!important}.quote-table-wrap{display:block!important;overflow-x:visible!important}.quote-items-mobile,.quote-mobile-total{display:none!important}.quote-table{table-layout:fixed!important;width:100%!important;min-width:0!important;font-size:12px!important}.quote-table th,.quote-table td{word-break:break-word!important;overflow-wrap:break-word!important;padding:7px 8px!important;font-size:11px!important}.quote-table th:first-child,.quote-table td:first-child{width:18%!important}.quote-table th:nth-child(2),.quote-table td:nth-child(2){width:42%!important}.quote-table th:nth-child(3),.quote-table td:nth-child(3),.quote-table th:nth-child(4),.quote-table td:nth-child(4),.quote-table th:nth-child(5),.quote-table td:nth-child(5){white-space:nowrap!important;width:13%!important}.category-tag{white-space:nowrap!important;padding:3px 6px!important;font-size:9px!important}.quote-item-name{font-size:12px!important;line-height:1.3!important}.quote-item-details{font-size:10px!important;line-height:1.3!important}.quote-table tfoot td{font-size:11px!important}.preview-stage{overflow-x:visible!important}.quote-page{max-width:100%!important;overflow-x:visible!important}.app-shell{padding-bottom:env(safe-area-inset-bottom,16px)}}@media print{body{color:#111827;background:#fff;padding:0;font-size:10pt}.shell,.layout,.panel,.app-shell{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important}.no-print,.auth-btns,.logout-btn,.pwd-overlay,.editor-panel,.editor-library-shell,.info-collapse,.app-toolbar{display:none!important}.preview-workbench{width:100%!important;max-width:100%!important}.preview-workbench-head,.quote-toolbar,.preview-workbench-body{box-shadow:none!important;background:0 0!important;border:none!important;padding:4px!important}.preview-workbench-head,.quote-toolbar,.export-exclude,[data-export-exclude=true],.hero,.panel:not(.quote-sheet):not(.customer-view-shell):not(.preview-workbench){display:none!important}.layout{margin:0;display:block}.quote-sheet,.quote-page,.quote-table-wrap,.meta-mini,.term-card-compact{box-shadow:none;background:#fff;border:none}.quote-sheet{border-radius:0;position:static;top:auto;overflow:visible}.preview-frame{padding:0}.preview-frame-head{display:none}.preview-mode-switch,.quote-items-mobile,.quote-mobile-total,.quote-table-wrap.screen-only,.terms-grid.screen-only,.quote-print-terms.screen-only,.screen-only{display:none!important}.print-only{display:block!important}.quote-page{border-radius:0;min-height:auto;padding:0;overflow:visible}.quote-document-content{display:block}.quote-print-header{break-inside:avoid;page-break-inside:avoid;border-bottom:.3mm solid #b8c4d1;align-items:start;gap:6mm;padding-bottom:3mm}.brand-block-compact{justify-content:flex-start;align-items:flex-start;gap:2.8mm;min-height:auto}.logo-box-brand{background:0 0;border:none;border-radius:0;width:auto;max-width:64mm;height:auto;min-height:auto;max-height:none;padding:0;overflow:visible}.quote-brand-logo-image{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:auto;max-height:21mm}.quote-brand-slogan{color:#64748b;max-width:none;margin-top:0;font-size:8.2pt;line-height:1.35;overflow:visible}.quote-print-meta-shell{box-shadow:none;background:#fff;border-radius:0;outline:none;overflow:visible;display:block!important}.quote-print-meta-table{border-collapse:collapse;table-layout:fixed;width:100%;box-shadow:none;background:#fff;border:1px solid #94a3b8;border-radius:0;outline:none;overflow:visible}.quote-print-meta-table td{vertical-align:top;box-shadow:none;background:#fff;border:1px solid #94a3b8;border-radius:0;outline:none;padding:1.8mm 2.2mm;overflow:visible}.quote-print-meta-table .label{letter-spacing:.03em;color:#94a3b8;font-size:6.6pt}.quote-print-meta-table .value{color:#0f172a;white-space:normal;overflow-wrap:anywhere;margin-top:.6mm;font-size:8pt;line-height:1.4;overflow:visible}.quote-print-title{break-inside:avoid;page-break-inside:avoid;border-bottom:.3mm solid #cfd8e3;padding:4mm 0 3.5mm;overflow:visible}.quote-hero h3{margin-bottom:1.2mm;font-size:15pt;line-height:1.18;overflow:visible}.quote-hero p{color:#64748b;font-size:8.8pt;line-height:1.55;overflow:visible}.quote-print-table-shell{break-inside:auto;page-break-inside:auto;box-shadow:none;background:#fff;border:none;border-radius:0;outline:none;margin-top:3mm;overflow:visible;display:block!important}.quote-print-table-grid{border-collapse:collapse;table-layout:fixed;width:100%;box-shadow:none;background:#fff;border:1px solid #94a3b8;border-radius:0;outline:none;overflow:visible}.quote-print-table-grid thead{background:#f3f6f9}.quote-print-table-grid th,.quote-print-table-grid td{vertical-align:top;box-shadow:none;background:#fff;border:1px solid #94a3b8;border-radius:0;outline:none;padding:3mm 3.2mm;overflow:visible}.quote-print-table-grid th{letter-spacing:.04em;color:#516273;font-size:8pt}.quote-print-table-grid td{font-size:9pt}.category-tag{color:#475569;background:#fff;border:.22mm solid #cfd8e3;border-radius:999px;padding:1.4mm 2.2mm;font-size:7.8pt}.quote-item-name{color:#0f172a;font-size:9.6pt;line-height:1.42;overflow:visible}.quote-item-details{color:#7b8794;white-space:normal;overflow-wrap:anywhere;margin-top:1mm;font-size:7.8pt;line-height:1.48;overflow:visible}tr,td,th{break-inside:avoid;page-break-inside:avoid}.quote-print-terms-shell{break-inside:avoid;page-break-inside:avoid;box-shadow:none;background:#fff;border:none;border-radius:0;outline:none;margin-top:3mm;overflow:visible;display:block!important}.quote-print-terms-table{border-collapse:collapse;table-layout:fixed;width:100%;box-shadow:none;background:#fff;border:1px solid #94a3b8;border-radius:0;outline:none;overflow:visible}.quote-print-terms-table td{vertical-align:top;break-inside:avoid;page-break-inside:avoid;box-shadow:none;background:#fff;border:1px solid #94a3b8;border-radius:0;outline:none;padding:2.6mm 3mm;overflow:visible}.quote-print-terms-table h4{color:#334155;margin:0 0 1.4mm;font-size:8.4pt}.quote-print-terms-table .notes{color:#64748b;white-space:pre-wrap;overflow-wrap:anywhere;font-size:7.8pt;line-height:1.52;overflow:visible}.term-card-compact h4{color:#334155;margin-bottom:1.4mm;font-size:8.4pt}.term-card-compact .notes{color:#64748b;white-space:pre-wrap;overflow-wrap:anywhere;font-size:7.8pt;line-height:1.52;overflow:visible}.quote-page.portrait .quote-print-header{grid-template-columns:minmax(0,1fr) 76mm}.quote-page.portrait th,.quote-page.portrait td{padding-top:2.8mm;padding-bottom:2.8mm}.quote-page.landscape{width:auto}.quote-page.landscape .quote-print-header{grid-template-columns:minmax(0,1fr) 82mm;align-items:start;gap:4mm;padding-bottom:2.4mm}.quote-page.landscape .logo-box-brand{max-width:66mm;min-height:auto;max-height:none}.quote-page.landscape .brand-block-compact{gap:2mm}.quote-page.landscape .quote-brand-slogan{max-width:none;font-size:7.8pt}.quote-page.landscape .quote-print-meta-table td{padding:1.6mm 2mm}.quote-page.landscape .quote-print-title{padding:2.4mm 0}.quote-page.landscape .quote-hero h3{margin-bottom:.9mm;font-size:14pt}.quote-page.landscape .quote-hero p{font-size:8.2pt;line-height:1.5}.quote-page.landscape th,.quote-page.landscape td{padding:2.3mm 2.8mm}.quote-page.landscape .quote-item-name{font-size:9.2pt}.quote-page.landscape .quote-item-details{margin-top:.7mm;font-size:7.4pt;line-height:1.44}.quote-page.landscape .quote-print-table-shell{margin-top:2.4mm}.quote-page.landscape .quote-print-terms-shell{break-inside:auto;page-break-inside:auto;margin-top:2.2mm}.quote-page.landscape .term-card-compact{min-height:auto;padding:2.1mm 2.5mm}.quote-page.landscape .term-card-compact h4{margin-bottom:1mm;font-size:8pt}.quote-page.landscape .term-card-compact .notes{font-size:7.2pt;line-height:1.45}.customer-view-shell{box-shadow:none;background:#fff;border:none;display:block!important}.customer-view{background:#fff;min-height:auto;padding:0;overflow:visible}.customer-view-brand,.customer-view-summary,.customer-item-card,.customer-view-footer,.customer-view-contact-panel{box-shadow:none;background:#fff;border-color:#cfd8e3}.customer-view-header{break-inside:avoid;page-break-inside:avoid;margin-bottom:4mm;overflow:visible}.customer-view-brand,.customer-view-summary{break-inside:avoid;page-break-inside:avoid;overflow:visible}.customer-view-title-row{align-items:flex-start}.customer-view-meta{flex-wrap:wrap;gap:1.4mm;display:flex;overflow:visible}.customer-view-meta span{padding:1.2mm 1.8mm;line-height:1.35;overflow:visible}.customer-view-list{gap:2.2mm;margin-top:2.2mm}.customer-item-card{break-inside:avoid;page-break-inside:avoid;border-radius:0;grid-template-columns:24mm minmax(0,1fr);gap:2.4mm;padding:2.6mm;overflow:visible}.customer-item-image{background:#fff;border-radius:0;width:24mm;height:24mm}.customer-item-body h4{white-space:normal;overflow-wrap:anywhere;margin:1mm 0 .8mm;font-size:10pt;line-height:1.34;overflow:visible}.customer-item-body p{white-space:normal;overflow-wrap:anywhere;font-size:8pt;line-height:1.5;overflow:visible}.customer-item-bottom{gap:1.2mm;margin-top:1.6mm}.customer-item-meta-inline{border-radius:999px;padding:1.1mm 1.8mm}.customer-view-footer{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;margin-top:3mm;padding:0;position:static;overflow:visible}.customer-view-contact-panel{background:0 0;border:none;border-radius:0;margin-bottom:3mm;padding:0;display:block}.customer-view-footer-bar{border-top:none;justify-content:space-between;align-items:flex-start;gap:4mm;padding-top:0;display:flex;overflow:visible}.customer-view-footer-btn,.customer-view-footer .btn,.customer-view-footer-bar .btn{display:none!important}.customer-view-footer-total{min-width:0;overflow:visible;display:block!important}.customer-view-merchant-grid{color:#475569;white-space:normal;flex-wrap:wrap;align-items:flex-start;gap:2mm 5mm;font-size:8.4pt;line-height:1.45;display:flex;overflow:visible}.customer-view-merchant-grid span{overflow-wrap:anywhere;display:inline}.customer-item-meta-inline strong,.customer-item-meta-label,.customer-view-title-note,.customer-view-meta span,.customer-view-brand-copy strong,.customer-view-brand-copy span,.customer-view-footer-total span,.customer-view-footer-total strong,.customer-view-price,.quote-brand-slogan,.quote-hero p,.notes,.total-row strong,.total-row span{white-space:normal;overflow-wrap:anywhere;overflow:visible}.customer-view.landscape .customer-item-card{grid-template-columns:22mm minmax(0,1fr);gap:2mm;padding:2.4mm}.customer-view.landscape .customer-item-image{width:22mm;height:22mm}}.qic-field-spec{flex:0 140px;min-width:100px}.qic-spec{width:100%;border-radius:6px!important;padding:4px 8px!important;font-size:11px!important}