:root{--content-max:1500px;--bg:#e8eff8;--bg-strong:#dbe6f5;--card:#fff;--card-soft:#f7faff;--text:#22314f;--muted:#6b7a95;--line:#d6e0ef;--line-strong:#c1d1e7;--primary:#2f4cc4;--primary-dark:#21388d;--primary-soft:#e7edff;--green:#139a63;--green-soft:#dff8eb;--red:#e63946;--red-soft:#ffe7e8;--amber:#d97706;--amber-soft:#fff3db;--shadow:0 18px 44px #20397014}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #6f89ff2e, transparent 24%), linear-gradient(180deg, #eef4fb 0%, var(--bg) 34%, #edf3fb 100%);color:var(--text);margin:0;padding:0;font-family:Sarabun,Noto Sans Thai,system-ui,sans-serif;font-size:15px;line-height:1.45;overflow-x:clip}html{zoom:.9}@supports not (zoom:1){body{transform-origin:0 0;width:111.111%;min-height:111.111vh;transform:scale(.9)}}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh;overflow-x:clip}.shell-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #c1d1e7b8;position:sticky;top:0;box-shadow:0 10px 26px #21388d14}.shell-topbar{color:#fff;background:linear-gradient(135deg,#2741ad,#3557d0);grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:16px;padding:16px 22px 12px;display:grid}.shell-brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:#ffffff2e;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 1px #fff3}.shell-title{letter-spacing:-.03em;font-size:28px;font-weight:900}.shell-subtitle{opacity:.9;font-size:11px}.shell-search{align-items:center;min-width:0;height:42px;display:flex;position:relative}.shell-search input{color:#fff;background:#ffffff2e;border:1px solid #ffffff29;border-radius:14px;outline:none;width:100%;height:100%;padding:0 14px 0 40px;box-shadow:inset 0 1px #ffffff1f}.shell-search input::placeholder{color:#fffc}.shell-search-icon{color:#ffffffe6;position:absolute;left:14px}.shell-actions{align-items:center;gap:8px;display:flex}.current-bill-menu{position:relative}.current-bill-layer{z-index:58;background:0 0;position:fixed;inset:0}.user-pill{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-weight:800;display:inline-flex}.user-pill-icon{opacity:.9}.btn-current-bill,.btn-logout{border:0;align-items:center;gap:8px;display:inline-flex}.btn-current-bill{color:#fff;background:#ffffff2e}.current-bill-trigger{justify-content:center;min-width:144px;position:relative}.current-bill-trigger.is-open{background:#ffffff3d}.current-bill-count{min-width:22px;height:22px;color:var(--primary-dark);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:900;display:inline-flex}.current-bill-chevron{opacity:.9}.current-bill-panel{z-index:60;border:1px solid var(--line-strong);width:min(380px,100vw - 32px);color:var(--text);background:#fff;border-radius:18px;max-height:min(70vh,560px);padding:14px;position:fixed;top:78px;right:18px;overflow:hidden;box-shadow:0 24px 52px #131f3e38}.current-bill-panel-header,.current-bill-panel-footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.current-bill-list{gap:8px;max-height:300px;margin-top:12px;display:grid;overflow:auto}.current-bill-item{border:1px solid var(--line);background:linear-gradient(#fff,#f8fbff);border-radius:14px;min-width:0;padding:10px}.current-bill-item-meta{color:var(--primary-dark);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;font-size:12px;font-weight:800;display:flex}.current-bill-empty{border:1px dashed var(--line-strong);text-align:center;color:var(--muted);background:linear-gradient(#fff,#f8fbff);border-radius:14px;margin-top:12px;padding:16px}.current-bill-panel-footer{border-top:1px solid var(--line);align-items:center;margin-top:12px;padding-top:12px}.current-bill-total{color:var(--primary-dark);margin-top:4px;font-size:20px;font-weight:900}.btn-logout{background:var(--red);color:#fff}.shell-nav{background:#fff;gap:6px;padding:8px 18px 0;display:flex;overflow-x:auto}.shell-nav a{color:var(--muted);white-space:nowrap;border-bottom:3px solid #0000;align-items:center;gap:7px;padding:10px 13px;font-weight:700;transition:all .18s;display:inline-flex}.shell-nav a:hover{color:var(--primary-dark);background:#f4f7ff}.shell-nav a.is-active{color:var(--primary-dark);border-bottom-color:var(--primary);background:linear-gradient(#2f4cc40f,#2f4cc41f)}.shell-main{width:100%;max-width:var(--content-max);margin:0 auto;padding:20px;overflow-x:clip}.content-stack{gap:16px;min-width:0;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;min-width:0;padding:18px}.card h1,.card h2,.card h3{margin-top:0}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--line-strong);background:linear-gradient(#fff,#f5f8fe);border-radius:16px;padding:14px;box-shadow:inset 0 1px #fffc}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.stat-value{color:var(--primary-dark);margin-top:6px;font-size:25px;font-weight:900}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar-end{margin-left:auto}.field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.field{gap:5px;display:grid}.field label{color:var(--muted);font-size:12px;font-weight:800}.input,.textarea,.select{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#fff;border-radius:13px;padding:10px 12px;transition:all .18s}.input:focus,.textarea:focus,.select:focus{border-color:#87a4ff;outline:none;box-shadow:0 0 0 4px #4e6df01f}.textarea{resize:vertical;min-height:88px}.color-input{min-height:44px;padding:6px}.btn{border:0;border-radius:13px;padding:9px 13px;font-weight:800;transition:all .18s}.btn-primary{background:linear-gradient(135deg, var(--primary), #4c67e8);color:#fff;box-shadow:0 12px 24px #4c67e83d}.btn-secondary{color:var(--text);border:1px solid var(--line-strong);background:#fff}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-success{background:var(--green-soft);color:var(--green)}.badge{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.table-wrap{overflow:auto}.table-wrap table{min-width:760px}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e9f4;padding:9px 11px}th{color:var(--muted);background:#f7faff;font-size:12px}.list-table thead th{z-index:1;position:sticky;top:0}.list-table tbody tr{transition:background .18s}.list-table tbody tr:hover{background:#f8fbff}.stack-sm{gap:10px;display:grid}.muted{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:24px}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.price-chip{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.result-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.result-card{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdff);border-radius:15px;padding:13px}.group-card-tinted{transition:transform .18s,box-shadow .18s;box-shadow:0 10px 24px #1422430f}.group-card-tinted:hover{transform:translateY(-1px);box-shadow:0 16px 32px #1422431a}.notice{border-radius:13px;padding:12px 14px;font-weight:700}.notice-info{color:#1e3a8a;background:#dbeafe}.notice-warn{color:#92400e;background:#fef3c7}.notice-error{background:var(--red-soft);color:#991b1b}.toast-viewport{z-index:80;pointer-events:none;position:fixed;top:22px;right:22px}.toast-card{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;border-radius:16px;grid-template-columns:22px minmax(0,1fr) 32px;align-items:start;gap:10px;min-width:300px;max-width:min(420px,100vw - 32px);padding:13px 14px;display:grid;box-shadow:0 18px 38px #1422432e}.toast-success{color:#166534;background:#ecfdf5f5}.toast-error{color:#b91c1c;background:#fef2f2f7}.toast-icon{place-items:center;margin-top:2px;display:inline-grid}.toast-copy{font-size:13px;font-weight:800;line-height:1.45}.toast-close{margin-left:auto}.section-title{align-items:center;gap:9px;display:flex}.section-title-icon{background:var(--primary-soft);width:34px;height:34px;color:var(--primary-dark);border-radius:11px;place-items:center;display:inline-grid}.page-intro{color:var(--muted);margin-top:5px}.filter-toolbar{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:8px;display:grid}.summary-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-top:6px;font-size:12px;display:flex}.table-code{color:#41536f;background:#f1f5fb;border-radius:9px;align-items:center;padding:4px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;display:inline-flex}.soft-chip{border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.soft-chip.blue{color:#2146a0;background:#dce9ff}.soft-chip.green{color:#11744c;background:#dff8eb}.soft-chip.amber{color:#a85c00;background:#fff2d9}.soft-chip.gray{color:#596881;background:#eef2f8}.brand-panel{border:1px solid #0000;border-radius:13px;align-items:center;gap:7px;padding:7px 10px;font-size:12px;font-weight:800;display:inline-flex}.brand-panel-belgium{color:#1f469d;background:linear-gradient(135deg,#dce8ff,#edf3ff);border-color:#b8cdfa}.brand-panel-boston{color:#11744c;background:linear-gradient(135deg,#ddf8eb,#f0fff7);border-color:#b5ebcc}.price-form-card{border:1px solid var(--line);background:linear-gradient(#fff,#f8fbff);border-radius:16px;padding:12px}.form-section-card{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdff);border-radius:18px;padding:14px}.form-section-head{align-items:center;gap:10px;display:flex}.form-section-copy{gap:3px;display:grid}.form-section-label{color:var(--primary-dark)}.form-section-help{color:var(--muted);font-size:12px;line-height:1.4}.shortcut-row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.shortcut-btn{border:1px solid var(--line-strong);color:var(--muted);background:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.shortcut-btn.is-active{background:var(--primary-soft);color:var(--primary-dark);border-color:#b7c8ff}.action-group{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.icon-btn{border:1px solid var(--line-strong);width:32px;height:32px;color:var(--text);background:#fff;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.icon-btn.icon-btn-primary{background:var(--primary-soft);color:var(--primary-dark)}.icon-btn.icon-btn-success{background:var(--green-soft);color:var(--green)}.icon-btn.icon-btn-danger{background:var(--red-soft);color:var(--red)}.icon-btn.icon-btn-ghost{color:var(--muted);background:0 0}.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1422435c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line-strong);background:#fff;border-radius:22px;width:min(100%,960px);max-height:min(88vh,900px);overflow:hidden;box-shadow:0 32px 70px #14224347}.modal-md{max-width:640px}.modal-lg{max-width:960px}.modal-xl{max-width:1180px}.modal-header{border-bottom:1px solid var(--line);background:linear-gradient(#fff,#f7faff);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 22px;display:flex}.modal-body{max-height:calc(88vh - 88px);padding:22px;overflow:auto}.group-icon-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.group-icon-option{border:1px solid var(--line);color:var(--text);text-align:center;background:linear-gradient(#fff,#f8fbff);border-radius:14px;justify-items:center;gap:6px;padding:12px 10px;display:grid}.group-icon-option.is-active{background:linear-gradient(#eef3ff,#fff);border-color:#9bb2f5;box-shadow:0 0 0 3px #2f4cc41f}.group-icon-option-emoji{font-size:24px;line-height:1}.group-icon-option-label{font-size:12px;font-weight:800;line-height:1.35}.group-color-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;display:grid}.group-color-option{border:1px solid var(--line);color:var(--text);background:linear-gradient(#fff,#f8fbff);border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-weight:800;display:flex}.group-color-option.is-active{border-color:var(--group-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--group-color) 16%, transparent);color:var(--group-color)}.group-color-swatch{background:var(--group-color);border-radius:999px;width:18px;height:18px;box-shadow:inset 0 0 0 2px #ffffffbf}.group-color-manual{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px;display:grid}.group-preview-card{box-shadow:inset 0 1px #fffc}.spec-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.spec-search{flex:360px;min-width:min(100%,420px);height:44px}.spec-search input{border-color:var(--line-strong);color:var(--text);box-shadow:none;background:#fff}.spec-search input::placeholder{color:var(--muted)}.spec-search-icon{color:var(--muted)}.spec-tab-strip{gap:7px;padding-top:12px;display:flex;overflow-x:auto}.spec-tab{border:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#fff;border-radius:13px;align-items:center;gap:7px;padding:9px 12px;font-weight:800;display:inline-flex}.spec-tab.is-active{background:linear-gradient(135deg, var(--primary), #4c67e8);color:#fff;border-color:#0000;box-shadow:0 14px 26px #4c67e83d}.spec-header-card{border:1px solid var(--line);background:linear-gradient(135deg,#2f4cc414,#139a630d);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;padding:18px;display:flex}.spec-header-copy{min-width:0}.spec-sheet-title{letter-spacing:-.03em;overflow-wrap:anywhere;margin:10px 0 0;font-size:clamp(22px,1.9vw,30px);line-height:1.2}.spec-sheet-summary{color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0;line-height:1.55}.spec-sheet-name{color:var(--primary-dark);background:#ffffffc2;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:900;display:inline-flex}.spec-header-meta{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.spec-intro{gap:10px;margin-top:18px;display:grid}.spec-stack{gap:18px;min-width:0;display:grid}.spec-note-card,.spec-table-card{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdff);border-radius:18px;min-width:0;padding:16px}.spec-note-card.warn{background:linear-gradient(#fff9eb,#fffdf6);border-color:#f2d194}.spec-note-card.info{background:linear-gradient(#f6f9ff,#fbfdff);border-color:#c7d7fb}.spec-section-heading{color:var(--primary-dark);align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}.spec-note-lines{white-space:pre-wrap;color:var(--text);overflow-wrap:anywhere;gap:8px;line-height:1.5;display:grid}.spec-split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.spec-table-title{justify-content:space-between;align-items:center;gap:10px;min-width:0;margin-bottom:12px;display:flex}.spec-table-title h3{overflow-wrap:anywhere;min-width:0;margin:0}.spec-table-notes{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;gap:6px;margin-bottom:12px;display:grid}.spec-table-wrap{border:1px solid var(--line);overscroll-behavior-x:contain;background:#fff;border-radius:20px;min-width:0;max-width:100%;overflow:auto}.spec-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.spec-table.compact{min-width:max(100%,720px)}.spec-table thead th{z-index:2;color:#fff;white-space:pre-wrap;background:#233f95;border-bottom:0;font-weight:900;line-height:1.35;position:sticky;top:0}.spec-table tbody td{white-space:pre-wrap;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dfe7f5;border-right:1px solid #edf2fa;max-width:220px;line-height:1.45}.spec-table tbody tr:nth-child(2n) td{background:#f5f9ffc2}.spec-table tbody tr:hover td{background:#eef4ff}.spec-col-bgm{background:#2f4cc414}.spec-table thead .spec-col-bgm{background:linear-gradient(#3658c9,#2744a3)}.spec-col-bst{background:#139a6314}.spec-table thead .spec-col-bst{background:linear-gradient(#1fa46f,#11744c)}.spec-col-pdf{background:#d9770612}.spec-col-sheet{background:#4338ca0f}.spec-col-code{background:#0f172a08}.spec-table.compact th,.spec-table.compact td{padding:8px 10px;font-size:14px}.spec-link-chip{color:#2146a0;background:#dbe7ff;border:0;border-radius:999px;padding:7px 12px;font-weight:800}.spec-preview-card{border:1px dashed var(--line-strong);background:linear-gradient(#fff,#f8fbff);border-radius:18px;padding:14px 16px}.spec-preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.bill-editor-grid,.bill-history-grid{align-items:start}.bill-editor-shell{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.bill-history-grid{grid-template-columns:minmax(330px,.9fr) minmax(0,1.1fr)}.bill-editor-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)}.bill-editor-workspace{align-items:stretch;height:calc(100dvh - 172px);min-height:0}.bill-workspace-card{flex-direction:column;height:100%;min-height:0;display:flex}.bill-card-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.bill-edit-summary-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.catalog-results{grid-auto-rows:max-content;align-content:start;gap:10px;display:grid}.bill-card-scroll{flex:auto;min-height:0;padding-right:4px;overflow:auto}.bill-inline-meta{grid-template-columns:minmax(240px,1fr) 200px;align-items:end;gap:10px;display:grid}.bill-date-field{position:relative}.bill-date-field svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bill-date-field .input{padding-left:38px}.catalog-card{background:linear-gradient(#fff,#f8fbff);align-self:start;padding:12px 14px}.catalog-name-icon{border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:18px;display:inline-grid}.catalog-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.catalog-card-copy{gap:4px;min-width:0;display:grid}.catalog-card-title-row{align-items:center}.catalog-card-title-row strong{font-size:15px;line-height:1.25}.catalog-card-formal{font-size:12px;line-height:1.35}.catalog-group-badge{flex-shrink:0}.catalog-meta-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:24px;margin-top:8px;display:flex}.catalog-price-grid{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.catalog-add-summary{border:1px solid var(--line);border-radius:18px;padding:14px}.catalog-add-modal-options{gap:8px;margin-top:8px;display:grid}.catalog-add-price-option{border:1px solid var(--line);text-align:left;background:linear-gradient(#fff,#f8fbff);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}.catalog-add-price-option strong{color:var(--primary-dark)}.catalog-add-price-option span{color:var(--primary-dark);font-size:17px;font-weight:900}.catalog-add-price-option.is-active{background:linear-gradient(#eef3ff,#fff);border-color:#9bb2f5;box-shadow:0 0 0 3px #2f4cc41f}.catalog-add-inline-note{color:var(--muted);background:#f7faff;border:1px dashed #c9d7fb;border-radius:14px;align-items:center;gap:8px;margin-top:auto;padding:11px 12px;font-size:12px;font-weight:700;display:inline-flex}.price-action{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:110px;padding:7px 10px;font-size:12px;line-height:1.2;display:inline-flex}.price-action span{color:var(--primary-dark);font-size:15px;font-weight:900}.line-editor-table .input{min-width:0}.line-editor-table th,.line-editor-table td{padding:8px 9px}.line-editor-table td:first-child{width:100%}.bill-line-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bill-line-note-input{flex:180px;min-width:150px;padding:7px 10px}.line-qty-input{width:78px;padding:7px 9px;min-width:78px!important}.line-unit-select{width:82px;min-width:82px;padding:7px 28px 7px 9px}.line-price-input{width:112px;padding:7px 9px;min-width:112px!important}.bill-summary{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.bill-line-list{grid-auto-rows:max-content;align-content:start;gap:12px;display:grid}.bill-line-card{border:1px solid var(--line);background:linear-gradient(#fff,#fbfdff);border-radius:18px;align-self:start;gap:10px;padding:14px;display:grid}.bill-line-main{grid-template-columns:minmax(0,1fr) 456px;align-items:end;gap:12px;display:grid}.bill-line-controls{grid-template-columns:84px 90px 108px 84px 40px;align-items:end;gap:10px;display:grid}.bill-line-mini-field{width:84px;min-width:84px}.bill-line-mini-field.is-unit{width:90px;min-width:90px}.bill-line-mini-field.is-price{width:108px;min-width:108px}.bill-line-total{text-align:right;min-width:84px;padding:0 2px 10px}.bill-line-total strong{color:var(--primary-dark);font-size:20px;line-height:1.1;display:block}.bill-line-card-remove{margin-bottom:10px}.bill-line-card-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bill-line-card-note{min-width:0}.bill-history-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;width:100%;padding:12px 13px;display:block}.bill-history-card.is-active{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61f}.bill-history-card.is-deleted{background:#fff7f7}.bill-badge-deleted{color:#991b1b;background:#fee2e2}.bill-audit-meta{text-align:left;gap:2px;display:grid}.bill-history-list{gap:10px}.bill-history-card-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.bill-history-card-key{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bill-history-card-customer{color:var(--primary-dark);margin-top:8px;font-weight:800;line-height:1.35}.bill-history-card-meta{color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:6px;font-size:13px;display:flex}.bill-history-card-meta span:before{content:"•";margin-right:8px}.bill-history-card-meta span:first-child:before{content:"";margin-right:0}.bill-history-card-chips{gap:6px;margin-top:10px}.bill-history-card-footer{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:10px;font-size:12px;display:flex}.bill-history-card-total{color:var(--primary-dark);white-space:nowrap;font-size:18px;line-height:1.1}.bill-history-filter-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.bill-history-filter-summary-card{background:linear-gradient(#f8fbff 0%,#eef5ff 100%);border:1px solid #cfe0ff;border-radius:16px;gap:4px;padding:14px 16px;display:grid}.bill-history-filter-summary-card.is-total{background:linear-gradient(#eef4ff 0%,#dbeafe 100%);border-color:#bfdbfe}.bill-history-filter-summary-label{color:var(--muted);font-size:13px}.bill-line-meta{color:var(--muted);margin-top:4px;line-height:1.45}.settings-logo-panel{border:1px solid var(--line);background:linear-gradient(#fff,#f8fbff);border-radius:18px;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:16px;padding:16px;display:grid}.settings-logo-preview{border:1px solid var(--line-strong);background:#fff;border-radius:18px;place-items:center;width:132px;height:132px;display:grid;overflow:hidden}.settings-logo-preview img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.settings-logo-cropper{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-logo-crop-preview{gap:10px;display:grid}.settings-logo-crop-frame{border:1px solid var(--line-strong);background-color:#0000;background-image:linear-gradient(45deg,#eef2ff 25%,#0000 25%),linear-gradient(-45deg,#eef2ff 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2ff 75%),linear-gradient(-45deg,#0000 75%,#eef2ff 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:22px;width:280px;height:280px;position:relative;overflow:hidden}.settings-logo-crop-frame img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute;top:0;left:0}.settings-slider-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.settings-slider-row input[type=range]{width:100%}.print-page{background:#e9eef8;min-height:100vh;padding:24px}.print-toolbar{justify-content:flex-end;gap:10px;max-width:210mm;margin:0 auto 16px;display:flex}.print-sheet{background:#fff;border-radius:10px;width:210mm;max-width:210mm;min-height:297mm;margin:0 auto;padding:10mm 10mm 8mm;box-shadow:0 18px 50px #0f172a14}.print-sheet-page-break{margin-bottom:16px}.print-form-sheet{page-break-after:always}.print-form-sheet:last-child{page-break-after:auto}.print-form-page{align-content:start;gap:2.4mm;min-height:279mm;display:grid}.print-form-page-title{text-align:center;letter-spacing:.02em;font-size:18px;font-weight:900;line-height:1.1}.print-form-header{grid-template-columns:minmax(0,1fr) 42mm;align-items:start;gap:2.4mm;display:grid}.print-form-company-block{gap:0;max-width:94mm;display:grid}.print-form-company-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:3mm;display:grid}.print-form-logo{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:17mm;height:17mm}.print-form-company-name{overflow-wrap:anywhere;max-width:94mm;font-size:18px;font-weight:900;line-height:1.12}.print-form-company-meta{overflow-wrap:anywhere;max-width:94mm;margin-top:1.5mm;font-size:11px;line-height:1.45}.print-form-doc-block{justify-items:stretch;gap:0;display:grid}.print-form-doc-topline{align-content:start;justify-items:end;gap:1.4mm;min-height:24mm;font-size:11px;display:grid}.print-form-doc-number-row{text-align:right;justify-items:end;gap:.6mm;display:grid}.print-form-doc-number-row strong{white-space:nowrap;letter-spacing:.02em;font-size:16px;font-weight:900;line-height:1.05}.print-form-info-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3mm;display:grid}.print-form-box{border:1px solid #0f172a;gap:1.8mm;min-height:34mm;padding:2.3mm 2.5mm;display:grid}.print-form-buyer-box{min-height:34mm}.print-form-box-row{grid-template-columns:auto 1fr;align-items:end;gap:1.6mm;display:grid}.print-form-box-row-expand{align-items:start}.print-form-box-label{white-space:nowrap;font-size:11px}.print-form-box-value{border-bottom:1px dotted #0f172a;min-height:5mm;padding:0 0 .8mm;font-size:11px;line-height:1.35;display:block}.print-form-multiline{white-space:pre-wrap;min-height:14mm}.print-form-table{border-collapse:collapse;table-layout:fixed;width:100%}.print-form-carry-row{justify-content:flex-end;align-items:center;gap:3mm;padding:1mm 0 .5mm;font-size:11px;display:flex}.print-form-carry-row strong{font-size:12px;font-weight:900}.print-form-table th,.print-form-table td{vertical-align:top;border:1px solid #0f172a;padding:1.4mm 1.8mm;font-size:11px}.print-form-table th{text-align:center;font-size:10px;font-weight:800}.print-form-table th:first-child,.print-form-table td:first-child{text-align:center}.print-form-table tbody tr{height:13.2mm}.print-form-col-index{width:16mm}.print-form-col-qty{width:20mm}.print-form-col-unit-price,.print-form-col-amount{width:30mm}.print-form-number-cell{text-align:center;white-space:nowrap}.print-form-item-cell{gap:.7mm;display:grid}.print-form-item-name{min-height:4.3mm;font-weight:700;line-height:1.2}.print-form-item-detail{color:#475569;white-space:nowrap;text-overflow:ellipsis;min-height:3.6mm;font-size:9px;line-height:1.2;overflow:hidden}.print-form-summary-row{grid-template-columns:minmax(0,1fr) 34mm;gap:0;display:grid}.print-form-summary-box{border:1px solid #0f172a;gap:1.5mm;min-height:16mm;padding:2mm 2.4mm;display:grid}.print-form-summary-total{border-left:0}.print-form-amount-text{background:#f1f5f9;min-height:8mm;padding:1.5mm 2mm;font-size:10px;line-height:1.35}.print-form-total-value{white-space:nowrap;justify-content:flex-end;align-items:center;min-height:8mm;font-size:16px;font-weight:900;display:flex}.print-form-signature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10mm;margin-top:1.2mm;display:grid}.print-form-signature-box{border:1px solid #0f172a;gap:3.2mm;min-height:28mm;padding:2.6mm 3.4mm;display:grid}.print-form-signature-title{font-size:11px;line-height:1.3}.print-form-signature-line{font-size:11px;line-height:1.45}.print-form-prepared-by{color:#475569;text-align:right;margin-top:auto;padding-top:2mm;font-size:10px}.print-report-sheet{padding:22px 24px}.print-report-page{gap:18px;display:grid}.print-report-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.print-report-company{color:#0f172a;font-size:22px;font-weight:900}.print-report-title{color:#334155;margin-top:4px;font-size:16px;font-weight:700}.print-report-summary{text-align:right;color:#334155;gap:4px;display:grid}.print-report-summary strong{color:#0f172a;font-size:20px}.print-report-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.print-report-filter-item{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.print-report-filter-label{color:#64748b;font-size:12px}.print-report-table-wrap{border:1px solid #cbd5e1;border-radius:14px;overflow:hidden}.print-report-table{border-collapse:collapse;width:100%}.print-report-table th,.print-report-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:13px}.print-report-table thead th{color:#1e3a8a;background:#eff6ff;font-size:12px}.print-report-item-cell{white-space:pre-wrap}.print-report-number-cell{white-space:nowrap;text-align:right!important}.print-report-empty{color:#64748b;text-align:center!important;padding:18px 12px!important}.print-report-table tfoot td{background:#f8fafc;border-bottom:0;font-weight:700}@media (max-width:1100px){.shell-body,.print-report-filters{grid-template-columns:1fr}.shell-nav{border-right:0;border-bottom:1px solid var(--line);gap:8px;display:flex;overflow:auto}.shell-nav a{white-space:nowrap;margin-bottom:0}.bill-editor-grid,.bill-history-grid,.grid-2{grid-template-columns:1fr}.bill-editor-workspace,.bill-workspace-card{height:auto}.bill-card-scroll{max-height:none;padding-right:0;overflow:visible}.bill-inline-meta,.print-form-header,.print-form-info-grid{grid-template-columns:1fr}}@media (max-width:760px){.toast-viewport{top:16px;left:16px;right:16px}.toast-card{min-width:0;max-width:none}.shell-topbar{grid-template-columns:1fr;gap:14px;padding:16px}.shell-actions{flex-wrap:wrap;justify-content:flex-start}.current-bill-menu{width:100%}.current-bill-trigger{justify-content:center;width:100%}.current-bill-panel{width:calc(100vw - 32px);max-height:min(62vh,520px);top:96px;right:16px}.shell-search{height:44px}.shell-main{width:100%;padding:16px}.bill-summary{flex-direction:column;align-items:stretch}.bill-editor-workspace{height:auto}.bill-editor-grid{grid-template-columns:1fr}.bill-workspace-card{height:auto}.bill-card-scroll{max-height:none;padding-right:0;overflow:visible}.bill-inline-meta{grid-template-columns:1fr}.print-page{padding:12px}.print-sheet{border-radius:18px;width:auto;max-width:none;min-height:auto;padding:18px}.settings-logo-panel,.settings-logo-cropper,.print-form-summary-row,.print-form-signature-grid{grid-template-columns:1fr}.settings-logo-preview,.settings-logo-crop-frame{margin:0 auto}.print-form-summary-total{border-left:1px solid #0f172a}.spec-header-card,.spec-preview-header{flex-direction:column;align-items:stretch}.spec-split-grid,.bill-history-filter-summary,.print-report-header{grid-template-columns:1fr}.print-report-header{display:grid}.print-report-summary{text-align:left}.bill-line-main{grid-template-columns:1fr}.bill-line-controls{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.bill-line-mini-field,.bill-line-mini-field.is-unit,.bill-line-mini-field.is-price{width:100%;min-width:0}.bill-line-total{text-align:left;width:100%;padding:0}.bill-line-card-remove{margin-bottom:0}}@media print{@page{size:auto portrait;margin:7mm}body{background:#fff}.print-toolbar{display:none}.print-page{background:#fff;padding:0}.print-sheet{box-shadow:none;border-radius:0;width:auto;max-width:none;min-height:0;margin:0;padding:0}.print-report-sheet{padding:0}.print-report-table th,.print-report-table td{padding:1.2mm 1.5mm;font-size:10px}.print-sheet-page-break{margin-bottom:0}.print-form-page{gap:1.8mm;min-height:0}.print-form-page-title{font-size:17px}.print-form-header{gap:2mm}.print-form-company-block,.print-form-company-name,.print-form-company-meta{max-width:88mm}.print-form-company-name{font-size:17px}.print-form-company-meta,.print-form-box-label,.print-form-box-value,.print-form-carry-row,.print-form-signature-line{font-size:10px}.print-form-table th,.print-form-table td{padding:1.1mm 1.4mm;font-size:10px}.print-form-table tbody tr{height:11.6mm}.print-form-item-name{min-height:3.8mm}.print-form-item-detail{min-height:3.1mm;font-size:8.4px}.print-form-summary-box{min-height:13.5mm;padding:1.6mm 2mm}.print-form-amount-text{min-height:6.4mm;padding:1.1mm 1.6mm;font-size:9px}.print-form-total-value{min-height:6.4mm;font-size:14px}.print-form-signature-grid{gap:8mm;margin-top:.8mm}.print-form-signature-box{gap:2.4mm;min-height:24mm;padding:2.2mm 3mm}}@media (max-width:960px){.shell-body{grid-template-columns:1fr}.shell-nav{border-right:0;border-bottom:1px solid var(--line)}.grid-2,.grid-3{grid-template-columns:1fr}}