: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: ;--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{background:linear-gradient(#fcfefffa,#f7f9fcf5);border:1px solid #0f172a0f;padding:12px 14px 14px;box-shadow:inset 0 1px #ffffffd6,0 10px 24px #0f172a0a}.quote-toolbar-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:end;gap:10px;display:grid}.quote-toolbar-actions{margin-top:10px}.toolbar-group,.toolbar-action-group{box-shadow:none;background:linear-gradient(#fffffff5,#f9fbfdf0);border:1px solid #0f172a0f;border-radius:16px;padding:10px 12px}.toolbar-group-compact{justify-self:end;width:min(100%,280px)}.toolbar-label{color:#7a8a9d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.toolbar-action-row{flex-wrap:wrap;gap:8px;display:flex}.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,.sheet-bottom,.preview-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.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:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:9px 10px;transition:background .14s;display:flex}.split-nav-item:hover{background:#2c7cf60f}.split-nav-item.active{background:#2c7cf61a}.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{background:linear-gradient(180deg, #fafcfefa, #f6f9fcf5), var(--content-bg-soft);border:1px solid #94a3b829}.preview-stack{flex-direction:column;gap:12px;display:flex}.preview-workbench{background:linear-gradient(180deg, #fcfdfffa, #f7f9fcf5), var(--panel);padding:18px}@media (width>=1241px){.preview-workbench{align-self:start;max-height:calc(100vh - 36px);position:sticky;top:18px;overflow:auto}}.preview-workbench-head{border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 4px 10px;display:flex}.preview-workbench-body{background:linear-gradient(#fbfdfffa,#f7f9fcf5);border:1px solid #0f172a0d;border-radius:24px;margin-top:10px;padding:14px;box-shadow:inset 0 1px #ffffffe0,0 10px 24px #0f172a0a}.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:var(--muted);background:#f7fafdf5;border:1px solid #0f172a0f;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.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{background:linear-gradient(#fbfdfffa,#f6f9fcf5),#fff;border:1px solid #94a3b833;border-radius:28px;min-height:1120px;padding:34px 36px;box-shadow:0 24px 48px #0f172a1a}.quote-page-document{background:#fff;border:1px solid #dbe3ec;border-radius:8px;padding:30px 34px 32px;box-shadow:0 8px 20px #0f172a0a}.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:16px}.quote-toolbar-grid{grid-template-columns:1fr}.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%}}.orders-page{gap:18px;display:grid}.orders-page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.orders-page-head h2{margin:2px 0;font-size:24px}.orders-page-head>div>span{color:var(--text-soft);font-size:13px}.orders-kicker{color:#ae8555;letter-spacing:.08em;margin:0;font-size:12px;font-weight:700}.orders-table-wrap,.order-card{border:1px solid var(--content-line);background:#fff;border-radius:14px;overflow:auto}.orders-table{border-collapse:collapse;width:100%;font-size:13px}.orders-table th,.orders-table td{text-align:left;border-bottom:1px solid var(--content-line);white-space:nowrap;padding:13px 14px}.orders-table th{color:#556476;background:#f8fafc;font-size:12px}.orders-table tbody tr:last-child td{border-bottom:0}.orders-table a{color:#2f3943;font-weight:700;text-decoration:none}.orders-table a:hover{color:#ae8555}.orders-table small{color:#6f7f91;white-space:normal;margin-top:3px;display:block}.orders-empty{color:#6f7f91;text-align:center!important;padding:28px!important}.orders-error{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.order-status{color:#2f3943;background:#eaf0f5;border-radius:999px;padding:4px 8px;font-size:12px;display:inline-flex}.status-purchasing,.status-assembling,.status-delivering{color:#9a5c16;background:#fff4e5}.status-completed{color:#19703a;background:#eaf7ef}.status-cancelled{color:#9f2438;background:#fbecef}.order-summary-grid,.todo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.order-summary-grid>div,.todo-card{border:1px solid var(--content-line);background:#fff;border-radius:14px;padding:17px}.order-summary-grid span,.todo-card span{color:#6f7f91;font-size:12px;display:block}.order-summary-grid strong{color:#2f3943;margin-top:7px;font-size:19px;display:block}.order-detail-grid{grid-template-columns:minmax(0,1fr) 280px;gap:18px;display:grid}.order-card{padding:16px}.order-card h3{margin:0 0 14px;font-size:15px}.order-actions{align-content:start;gap:10px;display:grid}.order-actions h3:not(:first-child){margin-top:12px}.order-actions label{color:#556476;gap:6px;font-size:12px;display:grid}.order-actions input,.order-actions select{padding:9px 10px}.todo-card{min-height:130px}.todo-card strong{color:#2f3943;margin-top:16px;font-size:36px;line-height:1;display:inline-block}.todo-card small{color:#6f7f91;margin-left:5px}.order-confirm-card{background:#fff;border-radius:16px;width:min(440px,100vw - 40px);padding:24px;box-shadow:0 20px 60px #0f172a40}.order-confirm-card h3{margin:4px 0 18px}.order-confirm-card dl{gap:10px;margin:0;display:grid}.order-confirm-card dl div{border-bottom:1px solid var(--content-line);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.order-confirm-card dt{color:#6f7f91}.order-confirm-card dd{margin:0;font-weight:700}.order-confirm-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.order-convert-button{color:#fff;white-space:nowrap;background:#ae8555;border-color:#ae8555}@media (width<=900px){.order-summary-grid,.todo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-grid{grid-template-columns:1fr}}@media (width<=560px){.order-summary-grid,.todo-grid{grid-template-columns:1fr}.orders-page-head{flex-direction:column;align-items:flex-start}.orders-table th,.orders-table td{padding:10px}}@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}.erp-shell{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(1480px,100%);min-height:calc(100vh - 56px);box-shadow:var(--shadow);grid-template-columns:236px minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.erp-sidebar{color:#fff;background:#17212d;flex-direction:column;min-width:0;padding:22px 14px 14px;display:flex}.erp-brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:10px;padding:0 10px 22px;display:flex}.erp-brand-mark{color:#fff;letter-spacing:.04em;background:#ae8555;border-radius:8px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.erp-brand strong,.erp-brand span{display:block}.erp-brand strong{font-size:14px;line-height:1.3}.erp-brand span{color:#b9c2cd;margin-top:3px;font-size:11px}.erp-nav{gap:4px;padding:18px 0;display:grid}.erp-nav-link{color:#c8d0d9;border-left:3px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:11px 10px;font-size:13px;text-decoration:none;transition:color .18s,background-color .18s,border-color .18s;display:flex}.erp-nav-link:hover{color:#fff;background:#ffffff12;transform:none}.erp-nav-link.is-active{color:#fff;background:#ffffff1a;border-left-color:#ae8555;font-weight:700}.erp-nav-link small{color:#94a3b8;font-size:10px;font-weight:400}.erp-sidebar-footer{border-top:1px solid #ffffff1f;gap:6px;margin-top:auto;padding-top:14px;display:grid}.erp-sidebar-footer button{color:#c8d0d9;text-align:left;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;padding:9px 10px;font-size:12px}.erp-sidebar-footer button:hover{color:#fff;background:#ffffff12;border-color:#ae8555;transform:none}.erp-main{background:var(--content-bg);flex-direction:column;min-width:0;display:flex}.erp-topbar{border-bottom:1px solid var(--content-line);background:#fffffff2;justify-content:space-between;align-items:flex-end;gap:18px;padding:25px 30px 18px;display:flex}.erp-topbar p,.erp-topbar h1{margin:0}.erp-topbar p{color:var(--muted);font-size:11px;font-weight:700}.erp-topbar h1{color:var(--text);letter-spacing:-.02em;margin-top:4px;font-size:24px;line-height:1.15}.erp-account{color:#556476;align-items:end;gap:14px;font-size:12px;display:flex}.erp-account label{color:#728196;gap:3px;font-size:10px;font-weight:700;display:grid}.erp-account select{border-radius:5px;min-width:150px;padding:6px 8px;font-size:12px}.erp-content{flex:1;min-width:0;padding:26px 30px 34px}.settings-page{gap:16px;width:min(1180px,100%);margin:0 auto;display:grid}@media (width<=900px){body{padding:12px 10px 28px}.erp-shell{border-radius:18px;grid-template-columns:1fr;min-height:calc(100vh - 40px)}.erp-sidebar{padding:14px 12px 10px}.erp-brand{padding-bottom:14px}.erp-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 0 8px}.erp-nav-link{padding:9px 8px}.erp-sidebar-footer{grid-template-columns:1fr 1fr;margin-top:4px;padding-top:10px}.erp-topbar{flex-direction:column;align-items:stretch;padding:18px 18px 14px}.erp-account{justify-content:space-between;align-items:center}.erp-content{padding:18px 16px 24px}}@media (width<=520px){.erp-nav{grid-template-columns:1fr}.erp-account{flex-direction:column;align-items:stretch;gap:8px}.erp-account select{min-width:0}.erp-topbar h1{font-size:21px}}.settings-heading,.settings-section-head,.settings-dialog-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-heading p,.settings-heading h2,.settings-section h3,.settings-section span{margin:0}.settings-heading p{color:#728196;font-size:11px;font-weight:700}.settings-heading h2{margin-top:3px;font-size:22px}.settings-notice{color:#166534;font-size:12px}.settings-error,.settings-state,.settings-empty{color:#64748b;background:#fff;border:1px solid #0f172a17;border-radius:6px;padding:14px;font-size:13px}.settings-error{color:#b91c1c;background:#fff7f7;border-color:#dc262640}.settings-state{text-align:center;width:min(520px,100% - 32px);margin:52px auto}.settings-section{background:#fff;border:1px solid #0f172a17;border-radius:7px;padding:18px}.settings-section-head{margin-bottom:16px}.settings-section h3{color:#17212d;font-size:16px}.settings-section-head span{color:#728196;margin-top:4px;font-size:12px;display:block}.settings-form,.settings-invite{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;display:grid}.settings-form label,.settings-invite label,.settings-dialog>label{color:#465362;gap:6px;font-size:12px;font-weight:700;display:grid}.settings-form input,.settings-form select,.settings-invite input,.settings-invite select,.settings-dialog select{border-radius:6px;padding:9px 10px;font-size:13px}.settings-invite{border-bottom:1px solid #0f172a14;grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr) auto;margin-bottom:12px;padding:14px 0}.settings-table-wrap{overflow-x:auto}.settings-table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}.settings-table th,.settings-table td{text-align:left;border-bottom:1px solid #0f172a12;padding:11px 10px}.settings-table th{color:#728196;font-size:11px}.settings-table em{color:#2468cf;margin-left:7px;font-size:10px;font-style:normal}.settings-status{border-radius:4px;padding:3px 6px;font-size:11px;display:inline-block}.settings-status.active{color:#166534;background:#ecfdf5}.settings-status.disabled{color:#991b1b;background:#fef2f2}.settings-link{color:#2468cf;cursor:pointer;background:0 0;border:0;margin-right:10px;padding:0;font-size:12px}.settings-link.danger{color:#dc2626}.role-list{border-top:1px solid #0f172a12;gap:0;display:grid}.role-row{border-bottom:1px solid #0f172a12;grid-template-columns:150px 160px minmax(0,1fr);gap:10px;padding:11px 0;font-size:12px;display:grid}.role-row span,.role-row small{color:#728196;overflow-wrap:anywhere}.settings-overlay{z-index:1001;background:#0f172a59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.settings-dialog{background:#fff;border-radius:8px;gap:15px;width:min(420px,100%);padding:20px;display:grid;box-shadow:0 18px 42px #0f172a33}.settings-dialog h3{margin:0;font-size:17px}.settings-dialog fieldset{border:1px solid #0f172a1a;border-radius:6px;gap:8px;display:grid}.settings-dialog legend{color:#465362;font-size:12px;font-weight:700}.settings-check{align-items:center;gap:8px;font-size:13px;display:flex}.settings-check input{width:auto}@media (width<=860px){.erp-account{flex-direction:column;align-items:stretch;gap:4px}.erp-account select{min-width:130px}.settings-form,.settings-invite{grid-template-columns:1fr}.settings-invite .btn{width:fit-content}.role-row{grid-template-columns:1fr;gap:4px}}.product-page{gap:16px;display:grid}.product-page-head,.product-filters,.product-pagination,.product-dialog-head,.product-actions,.product-meta-add,.product-meta-list>div{align-items:center;gap:10px;display:flex}.product-page-head{justify-content:space-between}.product-page h2{margin:0;font-size:22px}.product-page p{color:var(--muted);margin:5px 0 0;font-size:13px}.product-primary{color:#fff;cursor:pointer;background:#2c7cf6;border:0;border-radius:8px;padding:10px 16px}.product-filters{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;padding:14px}.product-filters input{flex:220px}.product-filters select{width:150px}.product-filters button,.product-table button,.product-pagination button,.product-dialog-head button,.product-actions button,.product-meta-list button{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7e0ea;border-radius:7px;width:auto;padding:8px 11px;font-size:12px}.product-table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:auto}.product-table{border-collapse:collapse;width:100%;font-size:13px}.product-table th,.product-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:13px 14px}.product-table th{color:#64748b;background:#f8fafc;font-weight:600}.product-table td small{color:#94a3b8;margin-top:4px;display:block}.product-table td:last-child{gap:6px;display:flex}.product-status{border-radius:999px;padding:3px 8px;font-size:11px;display:inline-block}.product-status.active{color:#166534;background:#dcfce7}.product-status.disabled{color:#64748b;background:#f1f5f9}.product-pagination{color:#64748b;justify-content:flex-end;font-size:12px}.product-alert{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;padding:10px 13px;font-size:13px;display:flex}.product-alert.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.product-alert button{width:auto;color:inherit;cursor:pointer;background:0 0;border:0}.product-modal{z-index:30;background:#0f172a66;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.product-dialog{background:#fff;border-radius:14px;width:min(760px,100%);max-height:90vh;padding:20px;overflow:auto;box-shadow:0 24px 80px #0f172a55}.product-dialog-head{justify-content:space-between;margin-bottom:16px}.product-dialog-head h3{margin:0}.product-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.product-form label{color:#475569;gap:6px;font-size:12px;display:grid}.product-form input,.product-form select{padding:9px 10px}.product-check{align-items:center;gap:8px;display:flex!important}.product-check input{width:auto}.product-actions{justify-content:flex-end;margin-top:20px}.product-meta-dialog{width:min(520px,100%)}.product-meta-add input{padding:9px 10px}.product-meta-list{gap:7px;margin-top:14px;display:grid}.product-meta-list>div{border:1px solid #edf1f5;border-radius:7px;justify-content:flex-end;padding:9px}.product-meta-list>div>span:first-child{margin-right:auto}@media (width<=720px){.product-page-head{flex-direction:column;align-items:flex-start}.product-filters select{width:100%}.product-form{grid-template-columns:1fr}.product-table th,.product-table td{padding:10px}.product-modal{padding:8px}}