:root{--bg: #eef3fb;--surface: #ffffff;--surface-soft: #f7f9fd;--text: #1a2c41;--muted: #66788f;--line: #d9e2ef;--brand: #0f5fa8;--brand-soft: #d8e9fb;--danger: #b23a4f;--ok: #1f7a4a;--shadow: 0 12px 28px rgba(14, 40, 73, .12);--sidebar-width: 272px;--shell-gap: 24px}*{box-sizing:border-box}body{margin:0;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;color:var(--text);background:radial-gradient(1200px 560px at 100% -120px,#d5e8ff 0%,transparent 60%),radial-gradient(900px 440px at -180px 10%,#d9f5eb 0%,transparent 58%),var(--bg)}body.modal-open{overflow:hidden}.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,calc(100vw - 32px));padding:28px;display:grid;gap:16px}.auth-card h2{font-size:clamp(1.4rem,4vw,1.9rem)}.auth-description{color:var(--muted);line-height:1.6}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:8px;font-size:.92rem;color:var(--text)}.auth-form input{width:100%;min-height:44px;padding:0 12px}.auth-form button{width:100%;min-height:44px}.auth-error{min-height:1.2em;color:var(--danger);font-size:.9rem}h1,h2,h3,p{margin:0}.app-shell{width:calc(100vw - var(--sidebar-width) - (var(--shell-gap) * 2));max-width:none;margin:20px var(--shell-gap) 32px calc(var(--sidebar-width) + var(--shell-gap));gap:12px;display:grid;padding-bottom:120px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.topbar{position:sticky;top:12px;z-index:3;min-height:72px;padding:12px 14px;display:grid;grid-template-columns:minmax(180px,240px) minmax(360px,1fr) auto;align-items:center;gap:14px}.title-wrap{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:42px;border-radius:11px;background:linear-gradient(135deg,#0f5fa8,#2184d6);color:#fff;box-shadow:0 8px 18px #0f5fa833;font-size:1.08rem;font-weight:900;letter-spacing:.12em}.brand-subtitle{overflow:hidden;color:#314b68;font-size:.9rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.topbar-product-search{position:relative;width:min(680px,100%);justify-self:center}.topbar-product-search input{width:100%;min-height:44px;padding:0 44px;border-color:#c8d7e8;background:#f8fbff;box-shadow:inset 0 1px 2px #153a5e0a;font-size:.96rem}.topbar-product-search input:focus{outline:none;border-color:#6aa7df;background:#fff;box-shadow:0 0 0 3px #0f5fa81f}.topbar-search-icon,.topbar-search-clear{position:absolute;top:50%;z-index:1;transform:translateY(-50%)}.topbar-search-icon{left:15px;color:#52718f;font-size:1.35rem;line-height:1}.topbar-search-clear{right:10px;width:28px;height:28px;border:0;border-radius:50%;background:#e8f0f9;color:#536c86;cursor:pointer;font-size:1.1rem}.topbar-context{color:#314b68;font-size:1rem;font-weight:800}.auth-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px}.auth-user-label{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);font-size:.9rem;white-space:nowrap}.eyebrow{color:var(--muted);font-size:.86rem}.title-wrap h1{margin-top:6px;font-size:clamp(1.3rem,3vw,1.8rem)}.nav-btn,.ghost-btn,.primary-btn,.danger-btn,.icon-btn,.row-btn,.page-btn,input,select{border-radius:10px;border:1px solid var(--line);background:var(--surface-soft);color:var(--text);font-size:.92rem}.nav-btn,.ghost-btn,.primary-btn,.danger-btn,.icon-btn,.row-btn,.page-btn{cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.nav-btn{height:40px;padding:0 14px;font-weight:700;color:#204365}.nav-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.side-panel-actions .nav-btn:hover,.side-panel-actions .ghost-btn:hover,.side-panel-actions .primary-btn:hover{border-color:#9fc3e8;background:linear-gradient(180deg,#f7fbff,#e8f2fd);color:#0f5fa8;box-shadow:0 10px 18px #0f5fa81f}.side-panel-actions .nav-btn.active:hover{background:linear-gradient(180deg,#1368b4,#0f5fa8);border-color:#0f5fa8;color:#fff}.side-panel-actions .nav-btn:active,.side-panel-actions .ghost-btn:active,.side-panel-actions .primary-btn:active,.sidebar-handle:active{transform:translateY(1px) scale(.985);box-shadow:0 6px 12px #0f5fa824}.side-panel-actions .nav-btn:focus-visible,.side-panel-actions .ghost-btn:focus-visible,.side-panel-actions .primary-btn:focus-visible,.sidebar-handle:focus-visible{outline:none;box-shadow:0 0 0 3px #0f5fa82e,0 10px 18px #0f5fa829}.layout-shell{position:relative;display:grid;grid-template-columns:0 minmax(0,1fr);gap:0;align-items:start;overflow:visible}.sidebar-handle{position:fixed;top:176px;left:calc(var(--sidebar-width) - 1px);z-index:5;width:18px;height:72px;padding:0;border:1px solid #c7d5e7;border-left:none;border-radius:0 12px 12px 0;background:linear-gradient(180deg,#f8fbff,#edf4fc);color:#235d97;box-shadow:10px 10px 24px #0e284924;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer;transition:left .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.sidebar-handle:hover{background:linear-gradient(180deg,#f1f7ff,#dfeefe);color:#0f5fa8;box-shadow:12px 12px 28px #0f37672e}.side-panel{position:fixed;top:108px;bottom:20px;left:0;z-index:4;width:var(--sidebar-width);padding:8px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;transition:opacity .18s ease,transform .18s ease,padding .18s ease,border-color .18s ease,box-shadow .18s ease}.side-panel-head{display:none}.side-panel-actions{display:grid;gap:10px}.side-panel-section-label{color:#7b8da2;padding:2px 6px 0;font-size:.76rem;font-weight:800;letter-spacing:.08em}.side-panel-section-label.management-label{margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.side-panel-actions .nav-btn,.side-panel-actions .primary-btn,.side-panel-actions .ghost-btn{width:100%;min-width:0;max-width:none;min-height:50px;height:auto;padding:10px 12px;font-size:.96rem;line-height:1.35;white-space:normal;word-break:break-word;text-align:center;justify-self:stretch;align-self:stretch;border-radius:8px}.side-panel-actions .nav-btn.active{background:linear-gradient(180deg,#1b74c6,#0f5fa8);border-color:#0f5fa8;color:#fff;box-shadow:0 12px 20px #0f5fa82e}.content-main{grid-column:2;min-width:0;display:grid;gap:12px}.app-shell.sidebar-collapsed .side-panel{opacity:0;pointer-events:none;transform:translate(calc(-100% + 18px));overflow:hidden;padding:0;border-color:transparent;box-shadow:none}.app-shell.sidebar-collapsed .sidebar-handle{left:0}.page-section{display:none;gap:12px;min-width:0}.controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px}.bills-controls{grid-template-columns:repeat(6,minmax(0,1fr))}.category-filter-panel{padding:12px 14px;display:grid;gap:10px}.filter-group{display:grid;gap:8px}.category-filter-panel p{color:var(--muted);font-size:.84rem}.category-chip-list{display:flex;flex-wrap:wrap;gap:8px;max-height:180px;overflow:auto}.category-chip-list.compact{max-height:120px}.category-chip{border:1px solid #cfd9e8;background:#f4f8fe;color:#2f4f6f;border-radius:999px;height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.86rem}.category-chip small{color:#6a7f97}.category-chip.active{background:#0f5fa8;border-color:#0f5fa8;color:#fff}.category-chip.active small{color:#d4e9ff}.control{display:grid;gap:6px}.control label{color:var(--muted);font-size:.84rem}input,select,.ghost-btn,.primary-btn,.danger-btn{height:40px;padding:0 12px;width:100%}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}input[readonly]{background:#f1f5fb;color:#4f637d}.btn-stack{align-content:end}.ghost-btn{background:#edf4fc;color:var(--brand);font-weight:700}.ghost-btn:disabled,.primary-btn:disabled,.danger-btn:disabled,.row-btn:disabled,.page-btn:disabled{opacity:.45;cursor:not-allowed}.primary-btn{background:linear-gradient(135deg,#0f5fa8,#1a74c6);color:#fff;border-color:var(--brand);font-weight:700}.primary-btn.danger-role{background:linear-gradient(135deg,#b23a4f,#d15464);border-color:#b23a4f}.danger-btn{background:#fff3f6;color:var(--danger);border-color:#f2c6d2;font-weight:700}.actions-row{display:flex;gap:10px;padding:12px 14px}.actions-row button{max-width:180px}.table-head{padding:12px 14px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.table-head p{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}.product-price-controls{grid-template-columns:minmax(150px,.8fr) repeat(2,minmax(170px,1fr)) minmax(170px,.8fr);align-items:end}.catalog-browser{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:0;overflow:hidden}.catalog-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;padding:10px;border-right:1px solid var(--line);background:#f7faff}.catalog-navigation-head{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px;padding:0 5px 7px;border-bottom:1px solid #dde6f1}.catalog-navigation-head h2{font-size:.96rem}.catalog-navigation-head span{color:var(--muted);font-size:.78rem}.catalog-nav-item{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid transparent;border-radius:7px;background:transparent;color:#35516e;padding:5px 8px;cursor:pointer;text-align:left;font-size:.84rem}.catalog-nav-item:hover{border-color:#cbdced;background:#edf5fd;color:#0f5fa8}.catalog-nav-item.active{border-color:#0f5fa8;background:linear-gradient(135deg,#0f5fa8,#1b73c3);color:#fff;box-shadow:0 7px 14px #0f5fa829}.catalog-nav-item span{font-weight:700}.catalog-nav-item small{min-width:28px;color:#74889d;text-align:right;font-size:.72rem;font-variant-numeric:tabular-nums}.catalog-nav-item.active small{color:#d6eaff}.quick-filter-panel{min-width:0;padding:10px 14px 12px}.quick-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.quick-filter-head h2{font-size:1.06rem}.quick-filter-head p{margin-top:3px;color:var(--muted);font-size:.82rem}.quick-filter-reset{flex:0 0 auto;min-height:28px;border:1px solid #cbd9e9;border-radius:8px;background:#f4f8fd;color:#315a82;padding:3px 9px;cursor:pointer;font-size:.8rem;font-weight:700}.quick-filter-group{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px dashed #dce5ef}.quick-filter-group h3{color:#526c87;padding-top:5px;font-size:.8rem}.quick-filter-options{display:flex;flex-wrap:wrap;gap:5px}.quick-filter-chip{min-height:28px;display:inline-flex;align-items:center;gap:5px;border:1px solid #d2deec;border-radius:7px;background:#f7f9fc;color:#38536f;padding:3px 8px;cursor:pointer;font-size:.78rem}.quick-filter-chip:hover{border-color:#8db9e1;background:#edf5fd;color:#0f5fa8}.quick-filter-chip.active{border-color:#0f5fa8;background:#e2f0ff;color:#0b5798;font-weight:800}.quick-filter-chip small{color:#7d90a5;font-variant-numeric:tabular-nums}.quick-filter-chip.active small{color:#3f79aa}.quick-filter-empty{min-height:170px;display:flex;align-items:center;justify-content:center;gap:12px;color:#6b8198}.quick-filter-empty span{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;background:#eaf3fc;color:#0f5fa8;font-size:1.2rem}.product-col-name{width:40%}.product-col-category{width:16%}.product-col-unit{width:10%}.product-col-price{width:12%}.product-col-actions{width:22%}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:middle;font-size:.9rem}.product-name-cell{word-break:break-word;overflow-wrap:anywhere}.product-category-cell,.product-unit-cell,.product-price-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-category-cell strong,.product-category-cell small{display:block}.product-category-cell strong{color:#294b6d;font-size:.88rem}.product-category-cell small{margin-top:3px;color:var(--muted);font-size:.75rem}.product-actions-cell{white-space:nowrap}thead th{position:sticky;top:0;z-index:1;background:#f0f6fc;color:#274b70}.price{color:var(--ok);font-weight:700}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-btn{height:30px;padding:0 10px;font-size:.82rem;color:#1f4b76;background:#f5f9fe}.row-btn.delete{color:var(--danger);border-color:#f2c6d2;background:#fff3f6}.row-btn.bill{color:#0f5fa8;border-color:#b9d5f3;background:#eaf3fd}.date-sort-head{display:inline-flex;align-items:center;gap:6px}.sort-triangles{display:inline-flex;flex-direction:column;gap:1px}.sort-tri{width:16px;height:12px;padding:0;border:none;background:transparent;color:#b3becc;font-size:9px;line-height:1;cursor:pointer}.sort-tri.active{color:#5a6b80}.empty{text-align:center;color:var(--muted);padding:18px}.pager{padding:10px 14px;display:flex;justify-content:center;align-items:center;gap:8px}.page-buttons{display:flex;gap:6px}.page-btn{min-width:34px;height:34px}.page-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.page-gap{align-self:center;color:var(--muted)}.bill-float{margin-top:auto;border:1px solid var(--line);border-radius:12px;background:#fbfdff;box-shadow:inset 0 1px #ffffffb3;padding:12px;display:grid;gap:6px}.bill-float-head{display:flex;justify-content:flex-start;align-items:center}.bill-float-head h3{font-size:1rem}.bill-float p{font-size:.88rem;color:#3a536f}.bill-float-actions{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;margin-top:2px}.bill-float-actions .ghost-btn,.bill-float-actions .danger-btn{min-width:0;padding-inline:8px;white-space:nowrap}.icon-btn{width:34px;height:34px;padding:0;font-size:1.15rem;line-height:1;color:#37536f}.modal.hidden{display:none}.modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px 0;overflow-y:auto}.modal-backdrop{position:absolute;inset:0;background:#08152880}.modal-card{position:relative;z-index:1;width:min(860px,94vw);max-height:88vh;overflow-x:hidden;overflow-y:auto;padding:14px}.wide-card{width:min(1020px,95vw)}.small-card{width:min(500px,94vw)}.dropdown-modal-card{max-height:none;overflow:visible}.product-modal-card{width:min(920px,95vw)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.form-grid label{display:grid;gap:6px;color:var(--muted);font-size:.86rem;min-width:0}.modal-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;grid-column:1 / -1}.modal-actions button{min-width:120px;width:auto}.dialog-message{margin:4px 0 12px;color:#34516e;line-height:1.6;white-space:pre-line}.app-toast{position:fixed;left:50%;top:16px;transform:translate(-50%);z-index:220;min-width:220px;max-width:min(420px,calc(100vw - 32px));padding:14px 18px;border-radius:14px;border:1px solid #85e6a7;background:linear-gradient(135deg,#f5fff7,#d8ffe4,#bfffd3);color:#0d5a2d;box-shadow:0 16px 36px #17793b3d,0 0 0 4px #bcffd199;font-size:.98rem;font-weight:700;text-align:center;pointer-events:none;animation:toast-float-in .26s cubic-bezier(.22,1,.36,1);transform-origin:center top;will-change:transform,opacity}@keyframes toast-float-in{0%{opacity:0;transform:translate(-50%,-14px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}.bill-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.bill-meta-grid label{display:grid;gap:6px;color:var(--muted);font-size:.86rem;min-width:0}.customer-field,.unit-field,.product-subcategory-field,.product-feature-tag-field,.product-manufacturer-field{position:relative}.dropdown-modal-card .customer-menu{z-index:30}.customer-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:12;width:100%;max-width:100%;min-width:0;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 10px 22px #102a492e;padding:4px}.customer-menu-item{width:100%;height:34px;border:none;border-radius:8px;background:transparent;color:var(--text);text-align:left;padding:0 10px;cursor:pointer;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-menu-item:hover{background:#eaf3fd;color:#0f5fa8}.bill-footer{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.bill-modal-card{display:flex;flex-direction:column;overflow:hidden}.bill-modal-card .table-wrap{flex:1 1 auto;min-height:220px;overflow:auto}.bill-modal-card .bill-footer{position:sticky;bottom:0;z-index:3;margin-top:0;padding-top:10px;border-top:1px solid var(--line);background:var(--surface)}.bill-footer p{font-weight:700;color:var(--ok)}.input-mini{width:88px;height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:#fff}.input-text{width:100%;height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:#fff}.input-unit{width:84px}.bill-print-preview-card{display:flex;flex-direction:column;width:min(1400px,98vw);max-width:none;height:94vh;gap:10px;max-height:94vh;overflow:hidden;padding:12px}.bill-print-preview-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:8px}.bill-print-preview-toolbar .primary-btn,.bill-print-preview-toolbar .ghost-btn{width:auto;min-width:96px}.bill-print-preview-frame{flex:1 1 auto;width:100%;min-height:0;height:100%;border:1px solid var(--line);border-radius:12px;background:#fff}@media(max-width:1100px){.app-shell{width:min(1280px,94vw);margin:20px auto 32px}.layout-shell{grid-template-columns:1fr;gap:12px}.sidebar-handle{display:none}.side-panel{position:static;width:auto;transform:none;z-index:auto}.content-main{grid-column:auto}.app-shell.sidebar-collapsed .side-panel{opacity:1;pointer-events:auto;transform:none;overflow:visible;padding:8px;border-color:var(--line);box-shadow:var(--shadow)}.controls,.bills-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.app-shell{width:calc(100vw - 78px);margin:20px 12px 32px 66px;padding-bottom:210px}.bill-float{display:none}.topbar{flex-direction:column;align-items:stretch}.topbar-actions,.top-nav{width:100%}.topbar-actions{display:grid;gap:8px}.top-nav{display:grid;grid-template-columns:1fr}.side-panel{position:fixed;top:108px;left:8px;width:48px;padding:8px 5px;border-radius:16px;z-index:70}.side-panel-actions{gap:8px}.side-panel-actions .nav-btn,.side-panel-actions .primary-btn,.side-panel-actions .ghost-btn{min-height:42px;padding:0;font-size:0;line-height:0;border-radius:12px;display:flex;align-items:center;justify-content:center}.side-panel-actions .nav-btn:before,.side-panel-actions .primary-btn:before,.side-panel-actions .ghost-btn:before{content:attr(data-icon);font-size:1rem;line-height:1;font-weight:700}.app-shell.sidebar-collapsed .side-panel{position:fixed;opacity:1;pointer-events:auto;transform:none;overflow:visible;width:48px;padding:8px 5px;border-color:var(--line);box-shadow:var(--shadow)}.app-shell.sidebar-collapsed .sidebar-handle{display:none}.controls,.bills-controls,.form-grid,.bill-meta-grid{grid-template-columns:1fr}.product-table{min-width:0}.product-col-name{width:34%}.product-col-category,.product-col-unit,.product-table th:nth-child(2),.product-table td:nth-child(2),.product-table th:nth-child(3),.product-table td:nth-child(3){display:none}.product-col-price{width:18%}.product-col-actions{width:48%}.product-table th,.product-table td{padding:8px 6px;font-size:.82rem}.product-name-cell{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.product-actions-cell .row-actions{justify-content:flex-end;gap:4px}.product-actions-cell .row-btn{height:28px;padding:0 8px;font-size:.74rem}.actions-row{flex-direction:column}.actions-row button{max-width:none}.bill-print-preview-frame{min-height:0}.bill-print-preview-card{width:99vw;height:92vh;max-height:92vh;padding:10px}.product-modal-card{width:min(96vw,680px)}}:root{--bg: #f3f6fa;--surface: #ffffff;--surface-soft: #f8fafc;--text: #14243a;--muted: #718198;--line: #e1e7ef;--brand: #0969e8;--brand-soft: #e9f2ff;--danger: #ef3f4b;--ok: #168342;--shadow: 0 5px 18px rgba(21, 43, 77, .07);--sidebar-width: 268px}html,body,#root{min-width:1280px;min-height:100%}body{min-height:100vh;background:var(--bg);font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif}button,input,select,textarea{font:inherit}button:disabled{cursor:not-allowed}a.nav-btn{display:flex;align-items:center;box-sizing:border-box;text-decoration:none}.app-shell{display:grid;width:100%;min-height:100vh;margin:0;padding:0;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:0;background:var(--bg)}.side-panel{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--sidebar-width);padding:0 15px 53px;display:flex;flex-direction:column;gap:0;overflow:hidden;border:0;border-radius:0;background:radial-gradient(circle at 20% 8%,rgba(9,105,232,.12),transparent 28%),linear-gradient(180deg,#061b36,#062345 58%,#041a34);box-shadow:8px 0 28px #051b361a;color:#fff}.side-panel-head{display:flex;min-height:107px;align-items:center;padding:0 11px}.side-panel-head h1{color:#fff;font-size:1.42rem;font-weight:800;letter-spacing:.01em;white-space:nowrap}.side-panel-actions{display:grid;gap:15px}.side-panel-actions .nav-btn{width:100%;min-height:58px;height:58px;padding:0 16px;display:flex;align-items:center;justify-content:flex-start;gap:15px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;color:#e7eef8;font-size:1.1rem;font-weight:700;line-height:1;text-align:left}.side-panel-actions .nav-btn svg{width:24px;height:24px;flex:0 0 auto;stroke-width:1.9}.side-panel-actions .nav-btn:hover{border-color:#62a1ff33;background:#2468be2e;box-shadow:none;color:#fff}.side-panel-actions .nav-btn.active,.side-panel-actions .nav-btn.active:hover{border-color:#3f8fff59;background:linear-gradient(135deg,#0a72ef,#0758c8);box-shadow:0 10px 24px #004db747;color:#fff}.side-panel-actions .nav-btn:focus-visible{outline:2px solid #8fc4ff;outline-offset:2px;box-shadow:none}.bill-float{margin-top:auto;min-height:322px;padding:17px 15px 14px;display:flex;flex-direction:column;gap:9px;border:1px solid rgba(124,178,246,.25);border-radius:8px;background:#03183152;box-shadow:inset 0 1px #ffffff09;color:#fff}.bill-float-head{margin-bottom:2px}.bill-float-head h3{color:#fff;font-size:1.08rem;font-weight:800}.bill-float p{color:#e6eef9;font-size:.94rem;font-weight:600;line-height:1.35}.bill-float-actions{display:grid;margin-top:auto;grid-template-columns:1fr;gap:8px}.bill-float-actions .ghost-btn,.bill-float-actions .danger-btn{width:100%;height:44px;border-radius:7px;font-size:.95rem}.bill-float-actions .ghost-btn{border-color:#0a70ed;background:linear-gradient(135deg,#0b72f2,#0861da);color:#fff;box-shadow:0 8px 18px #0058d23d}.bill-float-actions .danger-btn{border-color:transparent;background:transparent;color:#ff4b56}.bill-float-actions .danger-btn:hover:not(:disabled){background:#ff4b5614}.app-workspace{min-width:0;grid-column:2}.topbar{position:sticky;top:0;z-index:15;min-height:80px;height:80px;padding:0 24px 0 38px;display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) max-content;align-items:center;gap:clamp(10px,1vw,18px);border:0;border-bottom:1px solid #e3e8ef;border-radius:0;background:#fffffffa;box-shadow:0 2px 12px #142a480a}.topbar-breadcrumb{min-width:0;display:flex;align-items:center;gap:14px;color:#7a8798;font-size:.98rem;white-space:nowrap}.topbar-breadcrumb strong{color:#14243a;font-size:1.1rem;font-weight:800}.topbar-breadcrumb>span:first-of-type{color:#c8d0da}.topbar-product-filters{min-width:0;display:grid;grid-template-columns:minmax(210px,2fr) repeat(3,minmax(96px,1fr)) max-content;align-items:center;gap:clamp(8px,.7vw,16px)}.topbar-product-search{position:relative;min-width:0;width:100%;justify-self:stretch}.topbar-product-search input,.topbar-price-field,.topbar-price-input{width:100%;height:46px;min-height:46px;border:1px solid #dce3ec;border-radius:7px;background:#fff;color:#26384f;box-shadow:0 1px 2px #10284805;font-size:1rem}.topbar-product-search input{padding:0 14px 0 45px}.topbar-price-field,.topbar-price-input{min-width:0;padding:0 14px}.topbar-product-search input::placeholder,.topbar-price-input::placeholder{color:#8793a5}.topbar-product-search input:focus,.topbar-price-field:focus,.topbar-price-input:focus{border-color:#75abf6;background:#fff;box-shadow:0 0 0 3px #0969e81a}.topbar-search-icon{position:absolute;top:50%;left:16px;z-index:1;width:21px;height:21px;transform:translateY(-50%);color:#74849a;stroke-width:1.8;pointer-events:none}.topbar-filter-clear{width:auto;min-width:0;height:46px;padding:0 8px;border:0;background:transparent;color:#0a6be4;cursor:pointer;font-size:1rem;font-weight:700;white-space:nowrap}.topbar-filter-clear:hover{color:#064da9}.topbar-spacer{min-width:0}.topbar-dashboard-controls{min-width:0;height:100%;display:flex;align-items:center;justify-content:flex-end}.auth-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:18px;white-space:nowrap}.auth-user-label{min-height:auto;padding:0;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:0;background:transparent;color:#5f6e82;font-size:1rem}.auth-user-label svg{width:35px;height:35px;padding:6px;border:1px solid #dfe5ed;border-radius:50%;background:#f5f7fa;color:#26384f;stroke-width:2}.auth-divider{width:1px;height:22px;background:#e0e5ec}.logout-btn{width:auto;height:38px;padding:0;display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#0969e8;cursor:pointer;font-size:1rem;font-weight:700}.logout-btn svg{display:none;width:17px;height:17px}@media(max-width:1600px){.topbar{padding-inline:20px 14px;grid-template-columns:minmax(140px,170px) minmax(0,1fr) max-content;gap:8px}.topbar-breadcrumb{gap:8px}.topbar-breadcrumb>span{display:none}.topbar-product-filters{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(84px,1fr)) max-content;gap:8px}.topbar-product-search input,.topbar-price-field,.topbar-price-input{height:42px;min-height:42px;font-size:.92rem}.topbar-product-search input{padding-left:40px}.topbar-price-field,.topbar-price-input{padding-inline:10px}.topbar-search-icon{left:14px;width:19px;height:19px}.topbar-filter-clear{height:42px;padding-inline:5px;font-size:.9rem}.auth-toolbar{gap:8px}.auth-user-label>span,.auth-divider,.logout-btn>span{display:none}.auth-user-label svg{width:34px;height:34px}.logout-btn{width:34px;height:34px;justify-content:center}.logout-btn svg{display:block}}.content-main{min-width:0;padding:16px 18px 28px;display:grid;gap:14px}.page-section{display:none;min-width:0;gap:14px}.page-section.active{display:grid}.panel{border:1px solid #e4e9f0;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.dashboard-page{min-width:0;display:grid;gap:14px}.dashboard-period-area{position:relative;display:grid;justify-items:end}.dashboard-period-tabs{display:inline-flex;overflow:hidden;border:1px solid #d9e1ea;border-radius:7px;background:#fff;box-shadow:0 1px 3px #142a4806}.dashboard-period-tabs button{min-width:68px;height:38px;padding:0 16px;border:0;border-right:1px solid #e1e7ef;border-radius:0;background:#fff;color:#34445a;cursor:pointer;font-size:.9rem;font-weight:600}.dashboard-period-tabs button:last-child{border-right:0}.dashboard-period-tabs button:hover{background:#f5f9ff;color:var(--brand)}.dashboard-period-tabs button.active{position:relative;z-index:1;margin:-1px 0;height:40px;border:1px solid #5fa0f2;background:#eff6ff;color:var(--brand);font-weight:800}.dashboard-period-tabs button:focus-visible,.dashboard-custom-range button:focus-visible,.dashboard-panel-tabs button:focus-visible,.dashboard-panel-head button:focus-visible{outline:2px solid #83b7f7;outline-offset:-2px}.dashboard-custom-range{display:flex;align-items:center;gap:7px}.dashboard-custom-popover{position:absolute;top:48px;right:0;z-index:20;min-width:max-content;padding:10px;display:grid;gap:7px;border:1px solid #d9e1ea;border-radius:8px;background:#fff;box-shadow:0 10px 28px #142a4829}.dashboard-custom-range input{width:132px;height:34px;padding:0 8px;border:1px solid #d9e1ea;border-radius:6px;background:#fff;color:#314258;font-size:.82rem}.dashboard-custom-range>span{color:#8794a6;font-size:.82rem}.dashboard-custom-range button{height:34px;padding:0 13px;border:1px solid var(--brand);border-radius:6px;background:var(--brand);color:#fff;cursor:pointer;font-size:.82rem;font-weight:700}.dashboard-custom-error{margin:0;color:var(--danger);font-size:.8rem}.dashboard-refresh-warning{min-height:36px;padding:8px 12px;border:1px solid #f2d59a;border-radius:7px;background:#fffaf0;color:#8c6518;font-size:.84rem}.dashboard-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;transition:opacity .15s ease}.dashboard-metric-grid.refreshing{opacity:.62}.dashboard-metric-card{min-width:0;min-height:126px;padding:20px 19px;display:flex;align-items:center;gap:16px;border:1px solid #e0e6ee;border-radius:8px;background:#fff;box-shadow:0 4px 14px #152b4d0b;color:#14243a;cursor:pointer;text-align:left}.dashboard-metric-card:hover{border-color:#a9c9f5;box-shadow:0 7px 18px #154f9917;transform:translateY(-1px)}.dashboard-metric-card:focus-visible,.dashboard-quality-alert:focus-visible,.dashboard-ranking-row:focus-visible,.dashboard-category-row:focus-visible,.dashboard-recent-panel tbody tr:focus-visible{outline:2px solid #78adf3;outline-offset:2px}.dashboard-metric-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:50%;color:#fff}.dashboard-metric-icon svg{width:25px;height:25px;stroke-width:2.1}.dashboard-metric-icon.blue{background:#0875ef}.dashboard-metric-icon.green{background:#12a84c}.dashboard-metric-icon.orange{background:#ff9f0a}.dashboard-metric-icon.purple{background:#8a45df}.dashboard-metric-copy{min-width:0;display:grid;gap:5px}.dashboard-metric-label{color:#25364c;font-size:.92rem;font-weight:700}.dashboard-metric-value{overflow:hidden;color:#12243b;font-size:clamp(1.45rem,1.7vw,1.8rem);font-weight:800;letter-spacing:.01em;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.dashboard-change{min-width:0;display:flex;align-items:center;gap:3px;color:#718198;font-size:.78rem;white-space:nowrap}.dashboard-change svg{width:15px;height:15px;stroke-width:2.3}.dashboard-change strong{font-weight:800}.dashboard-change.positive svg,.dashboard-change.positive strong{color:#169653}.dashboard-change.negative svg,.dashboard-change.negative strong{color:#e33c48}.dashboard-change.neutral{color:#7d8a9b}.dashboard-quality-alert{width:100%;min-height:40px;padding:7px 14px;display:flex;align-items:center;gap:8px;border:1px solid #f1cf8c;border-radius:7px;background:#fffaf0;color:#536174;cursor:pointer;font-size:.84rem;text-align:left}.dashboard-quality-alert:hover{border-color:#e7bd69;background:#fff7e7}.dashboard-quality-alert>svg:first-child{width:17px;height:17px;flex:0 0 auto;color:#f49a0b}.dashboard-quality-alert strong{color:var(--brand);font-weight:800}.dashboard-quality-alert>svg:last-child{width:17px;height:17px;color:var(--brand)}.dashboard-primary-grid,.dashboard-secondary-grid{min-width:0;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(410px,1fr);gap:14px}.dashboard-panel{min-width:0;overflow:hidden;border:1px solid #e0e6ee;border-radius:8px;background:#fff;box-shadow:0 4px 14px #152b4d0b}.dashboard-trend-panel,.dashboard-ranking-panel{height:392px}.dashboard-panel-tabs{min-height:49px;padding:0 12px;display:flex;align-items:stretch;gap:12px;border-bottom:1px solid #e4e9f0}.dashboard-panel-tabs button{position:relative;min-width:76px;padding:0 9px;border:0;background:transparent;color:#304158;cursor:pointer;font-size:.91rem;font-weight:700}.dashboard-panel-tabs button:hover{color:var(--brand)}.dashboard-panel-tabs button.active{color:var(--brand);font-weight:800}.dashboard-panel-tabs button.active:after{position:absolute;right:7px;bottom:-1px;left:7px;height:3px;border-radius:3px 3px 0 0;background:var(--brand);content:""}.dashboard-chart-wrap{position:relative;height:calc(100% - 49px);padding:2px 12px 8px 4px}.dashboard-chart-canvas{height:calc(100% - 29px)}.dashboard-chart-legend{height:29px;display:flex;align-items:center;justify-content:center;gap:8px;color:#526176;font-size:.8rem}.dashboard-chart-legend>span{width:20px;height:3px;border-radius:3px;background:var(--brand)}.dashboard-empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;color:#8492a5;text-align:center}.dashboard-empty-state:before{width:64px;height:3px;border-radius:4px;background:#d7e6f9;content:""}.dashboard-empty-state strong{color:#44556c;font-size:1rem}.dashboard-empty-state span{font-size:.82rem}.dashboard-ranking-head{min-height:38px;padding:0 18px;display:grid;grid-template-columns:42px minmax(0,1fr) 104px 72px;align-items:center;gap:8px;border-bottom:1px solid #edf0f4;color:#6c7a8d;font-size:.76rem;font-weight:700}.dashboard-ranking-head span:nth-child(3),.dashboard-ranking-head span:nth-child(4){text-align:right}.dashboard-ranking-list{height:calc(100% - 87px)}.dashboard-ranking-row{position:relative;width:100%;min-height:59px;padding:8px 18px 13px;display:grid;grid-template-columns:42px minmax(0,1fr) 104px 72px;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:#25364c;cursor:pointer;font-size:.82rem;text-align:left}.dashboard-ranking-row:last-child{border-bottom:0}.dashboard-ranking-row:hover{background:#f7faff}.dashboard-rank{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#edf0f4;color:#536174;font-weight:800}.dashboard-rank-1{background:#ffb009;color:#fff}.dashboard-rank-2{background:#e8ecf1;color:#46566c}.dashboard-rank-3{background:#c9833f;color:#fff}.dashboard-ranking-name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dashboard-ranking-row>strong,.dashboard-ranking-quantity{text-align:right;white-space:nowrap}.dashboard-ranking-row>strong{color:#26374e;font-size:.8rem}.dashboard-ranking-quantity{color:#405168}.dashboard-ranking-bar{position:absolute;right:18px;bottom:7px;left:68px;height:4px;overflow:hidden;border-radius:5px;background:#e8edf3}.dashboard-ranking-bar>span{display:block;height:100%;border-radius:inherit;background:var(--brand)}.dashboard-ranking-empty,.dashboard-category-empty{min-height:190px;display:grid;place-items:center;color:#8794a6;font-size:.86rem}.dashboard-panel-head{min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9f0}.dashboard-panel-head h2{margin:0;color:#23354c;font-size:.98rem;font-weight:800}.dashboard-panel-head button{padding:5px 4px;border:0;background:transparent;color:var(--brand);cursor:pointer;font-size:.82rem;font-weight:800}.dashboard-table-wrap{overflow-x:auto}.dashboard-recent-panel table{width:100%;border-collapse:collapse;table-layout:fixed}.dashboard-recent-panel th,.dashboard-recent-panel td{height:45px;padding:0 14px;overflow:hidden;border-bottom:1px solid #edf0f4;color:#3a4b62;font-size:.8rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.dashboard-recent-panel th{height:38px;background:#fafbfd;color:#5e6d81;font-size:.76rem;font-weight:800}.dashboard-recent-panel th:nth-child(1){width:27%}.dashboard-recent-panel th:nth-child(2){width:19%}.dashboard-recent-panel th:nth-child(3){width:20%}.dashboard-recent-panel th:nth-child(4){width:16%}.dashboard-recent-panel th:nth-child(5){width:18%}.dashboard-recent-panel tbody tr{cursor:pointer}.dashboard-recent-panel tbody tr:hover td{background:#f6f9fd;color:#1f4f8c}.dashboard-recent-panel tbody tr:last-child td{border-bottom:0}.dashboard-table-empty{height:130px!important;color:#8794a6!important;text-align:center!important}.dashboard-category-head,.dashboard-category-row{grid-template-columns:86px minmax(90px,1fr) 92px 52px}.dashboard-category-head{min-height:34px;padding:0 15px;display:grid;align-items:center;gap:10px;border-bottom:1px solid #edf0f4;background:#fafbfd;color:#5e6d81;font-size:.75rem;font-weight:800}.dashboard-category-head span:nth-child(3),.dashboard-category-head span:nth-child(4){text-align:right}.dashboard-category-list{min-height:172px;padding:5px 15px 10px;display:grid;align-content:start}.dashboard-category-row{min-width:0;min-height:39px;padding:5px 0;display:grid;align-items:center;gap:10px;border:0;background:#fff;color:#3a4b62;cursor:pointer;font-size:.8rem;text-align:left}.dashboard-category-row:hover{color:var(--brand)}.dashboard-category-name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dashboard-category-bar{height:5px;overflow:hidden;border-radius:5px;background:#e8edf3}.dashboard-category-bar>span{display:block;height:100%;border-radius:inherit;background:var(--brand)}.dashboard-category-row>strong,.dashboard-category-row>span:last-child{text-align:right;white-space:nowrap}.dashboard-category-row>strong{color:#35465d;font-size:.78rem}.dashboard-load-error{min-height:180px;padding:28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.dashboard-load-error>svg{width:28px;height:28px;color:#e59a18}.dashboard-load-error strong{color:#25364c}.dashboard-load-error p{margin:5px 0 0;color:#738196}.dashboard-skeleton{display:grid;gap:14px}.dashboard-skeleton-card,.dashboard-skeleton-main>div{background:#e8edf3;animation:dashboard-pulse 1.25s ease-in-out infinite alternate}.dashboard-skeleton-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-skeleton-card{height:126px;border-radius:8px}.dashboard-skeleton-main{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(410px,1fr);gap:14px}.dashboard-skeleton-main>div{height:392px;border-radius:8px}@keyframes dashboard-pulse{0%{opacity:.55}to{opacity:.95}}@media(max-width:1450px){.dashboard-metric-card{padding:16px 14px;gap:12px}.dashboard-metric-icon{width:46px;height:46px;flex-basis:46px}.dashboard-metric-value{font-size:1.4rem}.dashboard-change{font-size:.72rem}.dashboard-ranking-head,.dashboard-ranking-row{padding-right:12px;padding-left:12px;grid-template-columns:36px minmax(0,1fr) 88px 58px}.dashboard-ranking-bar{right:12px;left:56px}}@media(prefers-reduced-motion:reduce){.dashboard-metric-card,.dashboard-metric-grid{transition:none}.dashboard-skeleton-card,.dashboard-skeleton-main>div{animation:none}}.product-quality-filter{min-height:42px;margin-bottom:12px;padding:8px 13px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #f1cf8b;border-radius:8px;background:#fff8e9;color:#72531b;font-size:.88rem}.product-quality-filter strong{color:#9a6200}.product-quality-filter button{min-width:54px;min-height:28px;padding:0 11px;border:1px solid #b9d5f8;border-radius:6px;background:#fff;color:var(--brand);font-size:.82rem;font-weight:700;cursor:pointer}.product-quality-filter button:hover{border-color:var(--brand);background:var(--brand-soft)}.product-quality-filter button:focus-visible{outline:3px solid rgba(9,105,232,.2);outline-offset:2px}.catalog-browser{min-height:0;display:grid;grid-template-columns:344px minmax(0,1fr);overflow:hidden}.catalog-navigation{padding:14px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px 12px;border-right:1px solid #e4e9f0;background:#fff}.catalog-navigation-head{min-height:37px;margin:0 0 2px;padding:0 2px 10px;display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf1}.catalog-navigation-head h2{color:#17283d;font-size:1.08rem;font-weight:800}.catalog-navigation-head span{color:#8592a4;font-size:.82rem}.catalog-nav-item{min-height:43px;padding:5px 4px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent;border-radius:7px;background:transparent;color:#26384f;cursor:pointer;font-size:.95rem;text-align:left}.catalog-nav-item:hover{border-color:#dbe8f8;background:#f2f7fd;color:#075dc9}.catalog-nav-item.active{border-color:#0b6ee7;background:linear-gradient(135deg,#0b72ee,#075bd0);box-shadow:0 5px 12px #0969e82b;color:#fff}.catalog-nav-item span{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.catalog-nav-item small{min-width:30px;color:#7c899b;font-size:.78rem;font-variant-numeric:tabular-nums;text-align:right}.catalog-nav-item.active small{color:#dceaff}.quick-filter-panel{min-width:0;padding:13px 22px 11px;background:#fff}.quick-filter-head{min-height:35px;padding:0 0 9px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e7ebf1}.quick-filter-head h2{color:#1c2d42;font-size:1.05rem;font-weight:800}.quick-filter-head p{margin:0;color:#7a8799;font-size:.92rem}.quick-filter-head .quick-filter-result{color:#77869a}.quick-filter-result strong{color:#52647c;font-weight:700}.quick-filter-reset{min-height:30px;padding:3px 9px;border:1px solid #cfe0f5;border-radius:6px;background:#f5f9ff;color:#1766bd;cursor:pointer;font-size:.84rem;font-weight:700}.quick-filter-groups{display:grid;gap:0}.quick-filter-group{min-height:58px;padding:10px 0;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:start;gap:10px;border-bottom:1px solid #e8ecf2}.quick-filter-group:last-child{border-bottom:0}.quick-filter-group h3{padding-top:7px;color:#26384f;font-size:.9rem;font-weight:800}.quick-filter-options{display:flex;flex-wrap:wrap;gap:8px 13px}.quick-filter-chip{min-height:38px;padding:4px 14px;display:inline-flex;align-items:center;gap:5px;border:1px solid #dfe5ed;border-radius:6px;background:#fff;color:#3d4e64;cursor:pointer;font-size:.9rem}.quick-filter-chip:hover{border-color:#9dc3f5;background:#f6faff;color:#0962cc}.quick-filter-chip.active{border-color:#4b98f8;background:#f4f9ff;color:#0969e8;font-weight:700}.quick-filter-chip small,.quick-filter-chip.active small{color:#8793a4;font-variant-numeric:tabular-nums}.quick-filter-group-specification .quick-filter-options{gap:8px 7px}.quick-filter-group-specification .quick-filter-chip{min-height:36px;padding-inline:8px;font-size:.78rem}.quick-filter-empty{min-height:264px;display:flex;align-items:center;justify-content:center;gap:13px;color:#7a899d}.quick-filter-empty span{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#edf5ff;color:#0969e8}.quick-filter-empty svg{width:18px;height:18px}.table-panel{overflow:hidden}.table-head{min-height:56px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e8ef}.table-head h2{color:#17283d;font-size:1.12rem;font-weight:800}.table-head p{color:#7b889a;font-size:.92rem}.product-table{table-layout:fixed}.product-col-name{width:26%}.product-col-item-number{width:12%}.product-col-category{width:17%}.product-col-unit{width:6%}.product-col-price{width:160px}.product-col-actions{width:30%}th,td{padding:13px 18px;border-bottom:1px solid #e5eaf1;color:#26384f;font-size:.92rem}thead th{background:#f8fafc;color:#1d3048;font-size:.88rem;font-weight:800}.product-category-cell strong{color:#293d55;font-size:.9rem}.product-category-cell strong,.product-category-cell small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-category-cell small{color:#7e8b9d;font-size:.78rem}.product-name-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-item-number-header,.product-item-number-cell{white-space:nowrap}.product-item-number-cell{color:#52667d;font-variant-numeric:tabular-nums}.product-price-header,.product-price-cell{white-space:nowrap}.product-price-cell{overflow:visible;text-overflow:clip;font-variant-numeric:tabular-nums}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.row-btn{height:34px;padding:0 11px;border-radius:6px;background:#f6faff;color:#0969e8;font-size:.82rem}.row-btn.delete{border-color:#ffc7cc;background:#fff7f7;color:#ef3f4b}.row-btn.bill{border-color:#c9ddfa;background:#f5f9ff;color:#0969e8}.product-row-in-bill td{background:#f1f7ff}.product-row-in-bill:hover td{background:#eaf4ff}.product-quantity-stepper{height:34px;display:inline-grid;flex:0 0 auto;grid-template-columns:36px 48px 36px;grid-template-rows:34px;align-items:stretch;overflow:hidden;border:0;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #cad8e9,0 1px 2px #152b4d0a}.product-quantity-stepper button{height:34px;min-height:34px;display:inline-grid;padding:0;place-items:center;border:0;background:#fff;color:#4d6078;cursor:pointer}.product-quantity-stepper button:first-child{border-right:1px solid #e1e7ef}.product-quantity-stepper button:last-child{border-left:1px solid #e1e7ef}.product-quantity-stepper button:hover:not(:disabled){background:#edf5ff;color:#0969e8}.product-quantity-stepper button:focus-visible{position:relative;z-index:1;outline:2px solid #75abf6;outline-offset:-2px}.product-quantity-stepper button:disabled{background:#f8fafc;color:#b7c2d0}.product-quantity-stepper svg{width:15px;height:15px;stroke-width:2}.product-quantity-stepper input{width:100%;height:34px;min-height:34px;min-width:0;padding:0 2px;border:0;outline:0;background:#fff;color:#273a52;font-size:.84rem;font-weight:700;text-align:center;appearance:textfield}.product-quantity-stepper input::-webkit-inner-spin-button,.product-quantity-stepper input::-webkit-outer-spin-button{margin:0;appearance:none}.product-quantity-stepper input:focus{position:relative;z-index:1;box-shadow:inset 0 0 0 2px #75abf6}.row-btn.remove-from-bill{border-color:#ffc7cc;background:#fff7f7;color:#ef3f4b}@media(max-width:1439px){.product-col-name{width:24%}.product-col-item-number,.product-col-category{width:14%}.product-col-unit,.product-unit-header,.product-unit-cell{display:none}.product-col-price{width:160px}.product-col-actions{width:36%}.product-table th,.product-table td{padding-right:12px;padding-left:12px}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.center-screen{display:grid;min-height:100vh;place-items:center;padding:24px}.loading-card{display:flex;width:fit-content;align-items:center;gap:12px;margin:72px auto;padding:18px 22px;color:var(--muted)}.loading-card.error-state{align-items:flex-start}.spinner{width:20px;height:20px;flex:0 0 auto;border:3px solid #d6e4f2;border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.global-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-color:#f2c6d2;background:#fff3f6;color:var(--danger)}.global-alert .ghost-btn{width:auto;min-width:100px}.button{width:auto;min-height:36px;border:1px solid var(--line);border-radius:10px;padding:7px 12px;cursor:pointer;font-weight:700}.button.primary{border-color:var(--brand);background:linear-gradient(135deg,#0f5fa8,#1a74c6);color:#fff}.button.ghost{background:#edf4fc;color:var(--brand)}.button.danger-subtle{border-color:#f2c6d2;background:#fff3f6;color:var(--danger)}.button.full{width:100%}.button-row,.footer-actions,.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}.form-error,.form-success{margin:0;border-radius:10px;padding:9px 11px;font-size:.88rem}.form-error{border:1px solid #f2c6d2;background:#fff3f6;color:var(--danger)}.form-success{border:1px solid #b9dfc9;background:#effaf4;color:var(--ok)}.stack-form{display:grid;gap:14px}.stack-form>label,.custom-item-form>label{display:grid;gap:6px;color:var(--muted);font-size:.86rem}.stack-form input,.stack-form select,.custom-item-form input{width:100%}.modal-layer{isolation:isolate}.modal-content{min-width:0}.modal-footer{justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.modal-footer .button{min-width:96px}.dialog-button:first-child{margin-left:auto}.modal-card fieldset{margin:0;border:1px solid var(--line);border-radius:12px;padding:12px}.modal-card legend{padding:0 6px;color:var(--muted);font-size:.84rem;font-weight:700}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-actions{display:flex;justify-content:flex-end;gap:10px}.span-two{grid-column:span 2}.table-wrap.compact{border:1px solid var(--line);border-radius:12px}.strong-cell{font-weight:700}.money{color:var(--ok);font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.empty-cell{height:100px;color:var(--muted);text-align:center}.table-action{min-height:30px;border:1px solid var(--line);border-radius:8px;background:#f5f9fe;color:#1f4b76;padding:4px 9px;cursor:pointer;font-size:.82rem;font-weight:700}.table-action.danger{border-color:#f2c6d2;background:#fff3f6;color:var(--danger)}.badge{display:inline-flex;border:1px solid #cfd9e8;border-radius:999px;background:#f4f8fe;color:#2f4f6f;padding:3px 8px;font-size:.8rem}.badge.custom{border-color:#ead3aa;background:#fff7e8;color:#7d541f}.pager-edge{width:auto;min-width:88px}.page-slot{display:inline-flex;align-items:center;gap:6px}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:12px}.inline-form .button{min-width:110px}.category-table{max-height:min(56vh,520px);overflow:auto}.bill-detail-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.bill-detail-meta>div{display:grid;gap:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:10px 12px}.bill-detail-meta span{color:var(--muted);font-size:.8rem}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.custom-item-form{display:grid;grid-template-columns:2fr 1.2fr .8fr 1fr .8fr auto;gap:8px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:11px}.custom-item-form .button{align-self:stretch}.input-number{width:96px;min-width:96px}.bill-total{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:12px;color:var(--muted)}.bill-total strong{color:var(--ok);font-size:1.05rem}.bills-controls{overflow:visible}.bills-controls .customer-field{z-index:8}.customer-management-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px 20px}.customer-search{display:grid;width:min(520px,100%);gap:7px}.customer-search>label{color:var(--muted);font-size:.86rem;font-weight:700}.customer-search>div{position:relative}.customer-search svg{position:absolute;top:50%;left:13px;width:18px;height:18px;color:#6f8298;transform:translateY(-50%);pointer-events:none}.customer-search input{width:100%;height:42px;padding-left:40px;border-color:#dbe3ed;border-radius:9px;background:#f9fbfd}.customer-create-btn{display:inline-flex;min-width:128px;height:42px;align-items:center;justify-content:center;gap:7px}.customer-create-btn svg{width:18px;height:18px}.customer-table-panel table{table-layout:fixed}.customer-table-panel th:nth-child(1){width:22%}.customer-table-panel th:nth-child(2){width:20%}.customer-table-panel th:nth-child(3){width:42%}.customer-table-panel th:nth-child(4){width:16%}.customer-name-cell{color:#173a61;font-weight:700}.customer-address-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-page-state{display:flex;min-height:180px;align-items:center;justify-content:center;gap:9px}.modal-card.customer-editor-modal{width:min(560px,calc(100vw - 48px))}.customer-editor-form{display:grid;gap:16px}.customer-editor-form>label{display:grid;gap:7px;color:#304b68;font-size:.88rem;font-weight:700}.customer-editor-form>label strong{color:var(--danger)}.customer-editor-form input,.customer-editor-form textarea{width:100%;border:1px solid #dbe3ed;border-radius:9px;background:#f9fbfd;color:var(--ink);font:inherit;font-weight:400}.customer-editor-form input{height:42px;padding:0 12px}.customer-editor-form textarea{min-height:88px;padding:10px 12px;line-height:1.5;resize:vertical}.customer-editor-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.customer-editor-actions button{min-width:96px}.bills-controls .app-combobox-control input,.bill-meta-grid .app-combobox-control input,.custom-item-form .app-combobox-control input{width:100%;height:40px;border-color:#dbe3ed;border-radius:9px;background:#f9fbfd}.bills-controls .app-combobox-popover{width:max(100%,300px)}.bill-meta-grid .bill-meta-field{display:grid;min-width:0;align-content:start;gap:6px}.bill-meta-grid .bill-meta-field>label{color:var(--muted);font-size:.86rem}.current-bill-modal .bill-meta-field .app-combobox-popover{width:max(100%,360px)}.custom-item-form .app-combobox-popover.grid{width:280px}.modal-card.bill-detail-modal{width:min(1120px,calc(100vw - 48px));max-height:calc(100vh - 48px);padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;box-shadow:0 28px 80px #081d3940}.bill-detail-modal .modal-head{min-height:68px;flex:0 0 auto;margin:0;padding:0 24px;border-bottom:1px solid #e4eaf1;background:#fff}.bill-detail-modal .modal-head h2{color:#142b47;font-size:1.2rem;font-weight:800}.bill-detail-modal .modal-head .icon-btn{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer}.bill-detail-modal .modal-head .icon-btn:hover{border-color:#dfe6ef;background:#f5f8fb}.bill-detail-modal .modal-content{min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px 24px;background:#f5f7fa}.bill-detail-modal .modal-footer{min-height:70px;flex:0 0 auto;margin:0;padding:12px 24px;border-top:1px solid #e3e9f1;background:#fff}.bill-detail-content{display:grid;gap:16px}.bill-detail-overview{overflow:hidden;border:1px solid #dfe6ef;border-radius:13px;background:#fff;box-shadow:0 2px 6px #142b4808}.bill-detail-identity{display:grid;min-width:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #e8edf3;background:linear-gradient(100deg,#f3f8ff,#fff 62%)}.bill-detail-identity-icon{display:inline-grid;width:40px;height:40px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#1678e8,#075dc9);box-shadow:0 7px 16px #0969e833;color:#fff}.bill-detail-identity-icon svg{width:21px;height:21px}.bill-detail-identity>div{display:grid;min-width:0;gap:3px}.bill-detail-identity>div>span{color:#7d8da1;font-size:.75rem}.bill-detail-identity>div>strong{overflow:hidden;color:#193450;font-size:1rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.bill-detail-status{display:inline-flex;min-height:30px;align-items:center;gap:6px;border:1px solid #bce4cc;border-radius:999px;background:#effaf4;padding:0 10px;color:#167844;font-size:.76rem;font-weight:800;white-space:nowrap}.bill-detail-status svg{width:15px;height:15px}.bill-detail-meta{display:grid;grid-template-columns:1.15fr .85fr 1fr 1.5fr;gap:0;margin:0}.bill-detail-meta>div{display:grid;min-width:0;min-height:76px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;border:0;border-right:1px solid #edf1f5;border-radius:0;background:#fff;padding:13px 15px}.bill-detail-meta>div:last-child{border-right:0}.bill-detail-meta-icon{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#edf4fc;color:#3975b7}.bill-detail-meta-icon svg{width:16px;height:16px}.bill-detail-meta>div>div{display:grid;min-width:0;gap:4px}.bill-detail-meta>div>div>span{color:#8492a4;font-size:.73rem}.bill-detail-meta>div>div>strong{overflow:hidden;color:#2c4059;font-size:.86rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.bill-detail-section-head{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:16px}.bill-detail-section-head h3{color:#1b324d;font-size:1rem;font-weight:800}.bill-detail-table-wrap{max-height:min(42vh,410px);overflow:auto;border:1px solid #dfe6ef;border-radius:12px;background:#fff;scrollbar-color:#c5d2e1 transparent;scrollbar-width:thin}.bill-detail-table-wrap:focus-visible{outline:2px solid #75abf6;outline-offset:2px}.bill-detail-table{width:100%;min-width:780px;border-collapse:separate;border-spacing:0;table-layout:fixed}.bill-detail-table .bill-detail-product-col{width:28%}.bill-detail-table .bill-detail-category-col{width:17%}.bill-detail-table .bill-detail-unit-col{width:10%}.bill-detail-table .bill-detail-price-col{width:15%}.bill-detail-table .bill-detail-quantity-col{width:12%}.bill-detail-table .bill-detail-subtotal-col{width:18%}.bill-detail-table th{position:sticky;z-index:1;top:0;height:43px;border-bottom:1px solid #dfe6ef;background:#f6f8fb;color:#53667d;font-size:.78rem;font-weight:800;text-align:left}.bill-detail-table td{height:48px;border-bottom:1px solid #edf1f5;color:#3e5066;font-size:.84rem;line-height:1.4}.bill-detail-table tbody tr:last-child td{border-bottom:0}.bill-detail-table tbody tr:hover td{background:#fbfdff}.bill-detail-table th,.bill-detail-table td{padding:9px 14px}.bill-detail-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.bill-detail-table .strong-cell{overflow-wrap:anywhere;color:#213a56;font-weight:750}.bill-detail-table .bill-detail-subtotal{color:#173f6b;font-weight:800}.bill-detail-footer-summary{display:flex;min-width:0;align-items:center;gap:24px}.bill-detail-footer-summary>span{display:grid;gap:2px;color:#7f8ea1;font-size:.72rem;white-space:nowrap}.bill-detail-footer-summary strong{color:#334d69;font-size:.95rem;font-variant-numeric:tabular-nums}.bill-detail-footer-summary .bill-detail-footer-amount{padding-left:22px;border-left:1px solid #cdddec}.bill-detail-footer-summary .bill-detail-footer-amount strong{color:#0b62c3;font-size:1.15rem;font-weight:850;letter-spacing:-.02em}.bill-detail-actions{flex-wrap:nowrap}.bill-detail-actions .button{display:inline-flex;min-width:108px;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.bill-detail-actions .button svg{width:16px;height:16px}.bill-detail-actions .bill-detail-export{border-color:#b9dfc9;background:#effaf4;color:#168342}.bill-detail-actions .bill-detail-export:hover:not(:disabled){border-color:#8fcea9;background:#e4f7ec}.bill-detail-actions .bill-detail-export:disabled{opacity:.62}.bill-detail-actions .bill-detail-close{background:#fff;color:#52667d}.sync-indicator{color:var(--ok);font-size:.84rem}.sync-indicator.error{color:var(--danger)}.product-name-cell strong,.product-name-cell small{display:block}.product-name-cell strong{color:var(--text);line-height:1.35}.product-name-cell small{margin-top:5px;color:var(--muted);font-size:.77rem;font-weight:500;line-height:1.35}.modal-card.product-editor-modal{width:min(1240px,calc(100vw - 72px));max-height:92vh;padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;box-shadow:0 24px 70px #071e3e38}.product-editor-modal .modal-head{min-height:70px;flex:0 0 auto;margin:0;padding:0 22px;border-bottom:1px solid var(--line);background:#fff}.product-editor-modal .modal-head h2{color:#102844;font-size:1.25rem}.product-editor-modal .modal-head .icon-btn{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer}.product-editor-modal .modal-head .icon-btn:hover{border-color:var(--line);background:var(--surface-soft)}.product-editor-modal .modal-head .icon-btn svg{width:19px;height:19px}.product-editor-modal .modal-content{min-height:0;overflow-y:auto;background:#f6f8fb}.product-editor-form{display:grid;gap:12px;padding:16px 18px 0}.product-editor-section{border:1px solid #dde5ef;border-radius:12px;background:#fff;padding:16px 18px;box-shadow:0 1px 3px #142b4808}.product-editor-section-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:14px}.product-editor-section-head>span{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-size:.82rem;font-weight:800}.product-editor-section-head h3{color:#1b3553;font-size:.98rem;font-weight:800}.product-editor-section-head p{margin-top:3px;color:var(--muted);font-size:.78rem;line-height:1.35}.product-editor-basic-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.product-editor-basic-grid label,.product-editor-price-grid label{display:grid;min-width:0;gap:6px;color:#50647d;font-size:.82rem;font-weight:700}.product-editor-basic-grid input,.product-editor-price-grid input{width:100%;height:38px;border-color:#d5deea;border-radius:8px;background:#fff}.product-editor-basic-grid input::placeholder,.product-editor-price-grid input::placeholder,.product-editor-custom-value input::placeholder{color:#a1adbc}.product-editor-basic-grid .product-editor-field{display:grid;min-width:0;align-content:start;gap:6px}.product-editor-basic-grid .product-editor-field>label{color:#50647d;font-size:.82rem;font-weight:700}.app-combobox{position:relative;min-width:0}.app-combobox.open{z-index:90}.app-combobox-control{position:relative}.app-combobox-control input{padding-right:42px;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.app-combobox.has-leading .app-combobox-control input{padding-left:40px}.app-combobox.clearable.has-value .app-combobox-control input{padding-right:72px}.app-combobox.open .app-combobox-control input{border-color:#75abf6;background:#fff;box-shadow:0 0 0 3px #0969e81a}.app-combobox-leading{position:absolute;top:50%;left:12px;z-index:1;display:inline-grid;width:18px;height:18px;place-items:center;transform:translateY(-50%);color:#8595a9;pointer-events:none}.app-combobox-leading svg{width:17px;height:17px}.app-combobox-clear,.app-combobox-toggle{position:absolute;top:50%;display:inline-grid;width:29px;height:29px;padding:0;place-items:center;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:#72849a;cursor:pointer}.app-combobox-toggle{right:5px;border:1px solid #e3e9f1;background:#f6f8fb}.app-combobox-clear{right:37px}.app-combobox-clear:hover,.app-combobox-toggle:hover{background:#edf4fc;color:var(--brand)}.app-combobox-clear svg{width:14px;height:14px}.app-combobox-toggle svg{width:16px;height:16px;transition:transform .16s ease}.app-combobox.open .app-combobox-toggle svg{transform:rotate(180deg)}.app-combobox-popover{position:absolute;top:calc(100% + 7px);left:0;z-index:80;width:max(100%,320px);max-width:min(420px,calc(100vw - 96px));padding:7px;box-sizing:border-box;border:1px solid #d3dfed;border-radius:13px;background:#fff;box-shadow:0 20px 48px #132d4e33,0 4px 12px #132d4e14;animation:combobox-popover-in .12s ease-out}.app-combobox.placement-top .app-combobox-popover{top:auto;bottom:calc(100% + 7px);transform-origin:center bottom;animation-name:combobox-popover-in-top}.product-editor-source-field .app-combobox-popover{right:0;left:auto;width:max(100%,380px)}.app-combobox-popover.grid{right:0;left:auto;width:280px}.app-combobox-menu-head{display:flex;min-height:35px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px;padding:0 9px;border-radius:8px;background:#f5f8fc}.app-combobox-menu-head strong{color:#405873;font-size:.78rem;font-weight:800}.app-combobox-menu-head span{min-width:38px;border-radius:999px;background:#e9eff7;padding:3px 7px;color:#71839a;font-size:.72rem;text-align:center}.app-combobox-options{display:grid;max-height:228px;gap:3px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#c7d4e3 transparent;scrollbar-width:thin}.app-combobox-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px;width:100%;min-height:40px;align-items:center;gap:8px;padding:0 9px 0 11px;border:0;border-radius:8px;background:transparent;color:#334b67;cursor:pointer;font:inherit;font-size:.82rem;text-align:left}.app-combobox-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-combobox-option svg{width:19px;height:19px;justify-self:end;border-radius:50%;background:#dbeaff;padding:3px;opacity:0;color:var(--brand)}.app-combobox-option:hover,.app-combobox-option.active{background:#f0f6ff;color:#075dbb}.app-combobox-option.selected{background:linear-gradient(90deg,#e8f2ff,#f3f8ff);box-shadow:inset 3px 0 0 var(--brand);color:#075dbb;font-weight:800}.app-combobox-option.selected svg{opacity:1}.app-combobox-option:focus-visible,.app-combobox-clear:focus-visible,.app-combobox-toggle:focus-visible{outline:2px solid #74aef0;outline-offset:1px}.app-combobox-popover.grid .app-combobox-options{grid-template-columns:repeat(4,minmax(0,1fr));max-height:none;gap:6px;overflow:visible}.app-combobox-popover.grid .app-combobox-option{min-height:40px;grid-template-columns:1fr;place-items:center;padding:0 5px;border:1px solid #e0e8f2;border-radius:9px;background:#f7f9fc;text-align:center}.app-combobox-popover.grid .app-combobox-option:hover,.app-combobox-popover.grid .app-combobox-option.active{border-color:#8ab7ed;background:#f0f6ff}.app-combobox-popover.grid .app-combobox-option.selected{border-color:var(--brand);background:linear-gradient(135deg,#1678e8,#0962cf);box-shadow:0 5px 12px #0969e82e;color:#fff}.app-combobox-popover.grid .app-combobox-option svg{position:absolute;top:3px;right:3px;width:11px;height:11px;background:#ffffff38;color:#fff}.app-combobox-empty{margin:0;padding:18px 12px;border-radius:8px;background:#f8fafc;color:#8190a3;font-size:.78rem;line-height:1.5;text-align:center}.app-combobox-menu-foot{margin:6px 4px 0;padding:8px 5px 2px;border-top:1px solid #edf1f6;color:#8b99aa;font-size:.72rem;line-height:1.35}@keyframes combobox-popover-in{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes combobox-popover-in-top{0%{transform:translateY(4px);opacity:0}to{transform:translateY(0);opacity:1}}.product-editor-name-field{grid-column:span 2}.product-editor-choice-block,.product-editor-filter-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:14px}.product-editor-choice-block+.product-editor-choice-block,.product-editor-quick-fields,.product-editor-classification-preview{margin-top:15px;padding-top:15px;border-top:1px solid #edf1f6}.product-editor-choice-label{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:38px}.product-editor-choice-label strong{color:#344c68;font-size:.85rem;white-space:nowrap}.product-editor-choice-label span{color:#9aa8b8;font-size:.7rem;white-space:nowrap}.product-editor-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.product-editor-category{min-height:40px;border:1px solid #d7e0eb;border-radius:8px;background:#f8fafc;color:#415873;cursor:pointer;font-size:.84rem;font-weight:700}.product-editor-category:hover,.product-editor-chip:hover{border-color:#8ab6eb;background:#f0f6ff;color:#0c5fbe}.product-editor-category:focus-visible,.product-editor-chip:focus-visible,.product-editor-custom-value button:focus-visible,.product-editor-suggestion:focus-visible{outline:2px solid #74aef0;outline-offset:2px}.product-editor-category.active{border-color:var(--brand);background:var(--brand);box-shadow:0 5px 12px #0969e82b;color:#fff}.product-editor-choice-content{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:12px}.product-editor-chip-list{display:flex;min-height:38px;min-width:0;flex:1 1 auto;align-items:flex-start;gap:7px;flex-wrap:wrap}.product-editor-chip{min-height:32px;border:1px solid #d7e0eb;border-radius:7px;background:#fff;color:#435a74;padding:5px 11px;cursor:pointer;font-size:.79rem;font-weight:650;line-height:1.2}.product-editor-chip.active,.product-editor-chip.active:hover{border-color:#5c9fea;background:#eaf3ff;color:#075dbb;box-shadow:inset 0 0 0 1px #0969e814}.product-editor-custom-value{display:grid;width:242px;flex:0 0 242px;grid-template-columns:minmax(0,1fr) 54px}.product-editor-custom-value input{width:100%;height:34px;border-radius:7px 0 0 7px;border-color:#d7e0eb;font-size:.78rem}.product-editor-custom-value button{height:34px;border:1px solid #c8d6e7;border-left:0;border-radius:0 7px 7px 0;background:#f2f6fb;color:#315476;cursor:pointer;font-size:.76rem;font-weight:700}.product-editor-step-hint{margin:12px 0 0 106px;border:1px dashed #d5deea;border-radius:8px;background:#fafbfd;color:#8493a5;padding:12px;font-size:.8rem;text-align:center}.product-editor-quick-fields{display:grid}.product-editor-filter-row{padding:10px 0}.product-editor-filter-row:first-child{padding-top:0}.product-editor-filter-row:last-child{padding-bottom:0}.product-editor-no-options{color:#93a1b2;font-size:.78rem;line-height:32px}.product-editor-suggestion{display:grid;min-width:250px;grid-template-columns:minmax(0,1fr) auto;gap:1px 10px;border:1px solid #cbdff8;border-radius:9px;background:#f3f8ff;color:#24517e;padding:8px 10px;cursor:pointer;text-align:left}.product-editor-suggestion small{color:#7690ae;font-size:.68rem}.product-editor-suggestion strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.product-editor-suggestion span{grid-column:2;grid-row:1 / span 2;align-self:center;color:var(--brand);font-size:.76rem;font-weight:800}.product-editor-classification-preview{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px 12px;color:#63758a;font-size:.79rem}.product-editor-classification-preview>span{border-radius:6px;background:#edf3fa;padding:5px 8px;color:#526b87;font-weight:700}.product-editor-classification-preview strong{color:#175fa8}.product-editor-classification-preview p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-editor-price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-editor-footer{position:sticky;z-index:2;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin:0 -18px;border-top:1px solid var(--line);background:#fffffff7;box-shadow:0 -6px 18px #142b480f;padding:12px 18px}.product-editor-footer>div>p:not(.form-error){color:#8795a6;font-size:.76rem}.product-editor-footer .form-error{width:fit-content;max-width:100%;padding:7px 10px}.product-editor-footer .button{min-width:96px}.modal-card.current-bill-modal{width:min(1180px,calc(100vw - 48px));height:min(840px,calc(100vh - 40px));height:min(840px,calc(100dvh - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:0;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;box-shadow:0 28px 80px #081d3940}.current-bill-modal .modal-head{min-height:68px;flex:0 0 auto;margin:0;padding:0 24px;border-bottom:1px solid #e3e9f1;background:#fff}.current-bill-modal .modal-head h2{min-width:0;overflow:hidden;color:#142b47;font-size:1.2rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.current-bill-modal .modal-head .icon-btn{display:inline-grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer}.current-bill-modal .modal-head .icon-btn:hover{border-color:#dfe6ef;background:#f5f8fb}.current-bill-modal .modal-content{min-height:0;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:17px 22px 0;background:#f4f6f9}.current-bill-modal .modal-footer{min-height:76px;flex:0 0 auto;margin:0;padding:10px 22px;display:grid;grid-template-columns:minmax(145px,1fr) auto auto auto;align-items:center;gap:12px;border-top:1px solid #dfe6ef;background:#fff;box-shadow:0 -4px 14px #142b480a}.current-bill-editor{display:grid;min-height:100%;min-width:0;grid-template-rows:auto auto minmax(0,1fr);gap:13px}.current-bill-document-bar{display:grid;min-width:0;min-height:58px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;border:1px solid #d9e4f1;border-radius:12px;background:linear-gradient(100deg,#edf5ff,#fff 64%);padding:8px 13px}.current-bill-document-icon{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:10px;background:linear-gradient(145deg,#1678e8,#075dc9);box-shadow:0 6px 14px #0969e833;color:#fff}.current-bill-document-icon svg{width:19px;height:19px}.current-bill-document-bar>div{display:grid;min-width:0;gap:2px}.current-bill-document-bar>div>span{color:#7d8da1;font-size:.72rem}.current-bill-document-bar>div>strong{overflow:hidden;color:#183451;font-size:.91rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.current-bill-section{min-width:0;border:1px solid #dfe6ef;border-radius:13px;background:#fff;box-shadow:0 2px 6px #142b4808}.current-bill-customer-grid{display:grid;grid-template-columns:minmax(210px,1.15fr) minmax(180px,.9fr) minmax(160px,.75fr);gap:11px 13px;padding:13px 16px 15px}.current-bill-field,.current-bill-custom-field{display:grid;min-width:0;align-content:start;gap:6px}.current-bill-field>label,.current-bill-custom-field>label{display:flex;min-height:18px;align-items:center;gap:5px;color:#566b84;font-size:.76rem;font-weight:750}.current-bill-field>label svg{width:14px;height:14px;color:#7b91aa}.current-bill-field>label span,.current-bill-custom-field>label span{border-radius:4px;background:#fff0f2;padding:1px 4px;color:#d93b4a;font-size:.62rem;font-weight:800}.current-bill-address-field{grid-column:1 / -1}.current-bill-field>input,.current-bill-field .app-combobox-control input,.current-bill-custom-field>input,.current-bill-custom-field .app-combobox-control input{width:100%;height:39px;min-width:0;border-color:#d8e1ec;border-radius:8px;background:#fbfcfe;color:#2c4058;font-size:.82rem}.current-bill-field>input:hover,.current-bill-custom-field>input:hover{border-color:#b8c8da;background:#fff}.current-bill-footer-add-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.current-bill-footer-add-actions .button{display:inline-flex;min-width:118px;align-items:center;justify-content:center;gap:6px;padding-inline:11px;white-space:nowrap}.current-bill-footer-add-actions .button svg{width:16px;height:16px}.current-bill-library-button{border-color:#bcd5f3;background:#eaf3ff;color:#075fbd}.current-bill-footer-add-actions .button.active{border-color:#7aaee8;background:#dfeeff;color:#075fbd}.current-bill-custom-form{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.65fr) auto;align-items:end;gap:9px;margin:12px 14px 0;border:1px solid #cddff5;border-radius:11px;background:linear-gradient(100deg,#f2f7fd,#f8fbff);padding:11px}.current-bill-custom-form>*{min-width:0}.current-bill-custom-actions{display:flex;align-items:center;gap:7px}.current-bill-custom-actions .button{display:inline-flex;min-width:70px;height:39px;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.current-bill-custom-actions .button.primary{min-width:112px}.current-bill-custom-actions svg{width:15px;height:15px}.current-bill-custom-form .app-combobox-popover.grid{right:0;left:auto;width:280px}.current-bill-items-section{display:flex;min-height:0;flex-direction:column}.current-bill-table-wrap{flex:1 1 auto;min-height:168px;max-height:none;margin:12px 14px 14px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:0;border-radius:10px;background:transparent;scrollbar-color:#c6d3e2 transparent;scrollbar-width:thin}.current-bill-table-wrap:focus-visible{outline:2px solid #75abf6;outline-offset:2px}.current-bill-table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0;table-layout:fixed}.current-bill-table th:first-child{width:auto}.current-bill-table th:nth-child(2){width:92px}.current-bill-table th:nth-child(3){width:136px}.current-bill-table th:nth-child(4){width:112px}.current-bill-table th:nth-child(5){width:142px}.current-bill-table th:nth-child(6){width:88px}.current-bill-table thead th{position:sticky;z-index:2;top:0;height:40px;border-bottom:1px solid #dfe6ef;background:#f6f8fb;color:#53667d;font-size:.76rem;font-weight:800;text-align:center}.current-bill-table th,.current-bill-table td{padding:8px 11px}.current-bill-table td{height:54px;border-bottom:1px solid #edf1f5;color:#3e5066;font-size:.82rem}.current-bill-table tbody tr:last-child td{border-bottom:0}.current-bill-table tbody tr:hover td{background:#fbfdff}.current-bill-table td.numeric{text-align:right;font-variant-numeric:tabular-nums}.current-bill-table td input,.current-bill-table .input-unit,.current-bill-table .input-number{width:100%;min-width:0;height:36px;border-color:#dde5ef;border-radius:8px;background:#f9fbfd;color:#31465f;font-size:.8rem}.current-bill-table .current-bill-unit-combobox{width:100%}.current-bill-table .current-bill-unit-combobox .app-combobox-control input{padding-right:12px}.current-bill-table .current-bill-unit-combobox .app-combobox-popover{min-width:250px}.current-bill-table td input:hover{border-color:#b8c8da;background:#fff}.current-bill-table td input:focus{border-color:#75abf6;background:#fff;box-shadow:0 0 0 2px #75abf629}.current-bill-table .input-unit-price,.current-bill-table .input-quantity{text-align:center;font-variant-numeric:tabular-nums}.current-bill-table .input-unit-price{appearance:textfield;-moz-appearance:textfield}.current-bill-table .input-unit-price::-webkit-inner-spin-button,.current-bill-table .input-unit-price::-webkit-outer-spin-button{margin:0;appearance:none}.current-bill-line-total{color:#173f6b;font-size:.85rem;font-weight:800;white-space:nowrap}.current-bill-row-delete{display:inline-flex;min-height:31px;align-items:center;gap:5px;border:1px solid #f1cbd2;border-radius:7px;background:#fff5f6;padding:4px 8px;color:#dc3948;cursor:pointer;font-size:.74rem;font-weight:750;white-space:nowrap}.current-bill-row-delete:hover{border-color:#e9aab5;background:#ffecef}.current-bill-row-delete svg{width:14px;height:14px}.current-bill-empty{height:150px;color:#8a98a9;text-align:center}.current-bill-empty svg,.current-bill-empty strong,.current-bill-empty span{display:block;margin-inline:auto}.current-bill-empty svg{width:25px;height:25px;margin-bottom:7px;color:#7da7d5}.current-bill-empty strong{color:#4e6279;font-size:.86rem}.current-bill-empty span{margin-top:4px;font-size:.75rem}.current-bill-footer-status{display:grid;min-width:0;gap:4px}.current-bill-sync{display:flex;min-width:0;align-items:center;gap:9px}.current-bill-sync>svg{width:19px;height:19px;flex:0 0 auto;color:#5683b0}.current-bill-sync.saved>svg{color:#24834d}.current-bill-sync.error>svg{color:#d93b4a}.current-bill-sync>span{display:grid;min-width:0;gap:1px}.current-bill-sync strong{color:#324a65;font-size:.78rem}.current-bill-sync small{overflow:hidden;color:#8b99aa;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.current-bill-sync-spinner{animation:spin .8s linear infinite}.current-bill-footer-status .form-error,.current-bill-footer-status .form-success{width:fit-content;max-width:100%;padding:3px 7px;font-size:.68rem}.current-bill-footer-summary{display:flex;align-items:center;gap:18px;white-space:nowrap}.current-bill-footer-summary>span{display:grid;gap:1px;color:#8492a4;text-align:right}.current-bill-footer-summary small{font-size:.66rem}.current-bill-footer-summary strong{color:#354d68;font-size:.88rem;font-variant-numeric:tabular-nums}.current-bill-footer-amount{min-width:135px;padding-left:18px;border-left:1px solid #dce4ed}.current-bill-footer-amount strong{color:#0b62c3;font-size:1.18rem;font-weight:850}.current-bill-footer-actions{flex-wrap:nowrap}.current-bill-footer-actions .button{display:inline-flex;min-width:96px;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.current-bill-footer-actions .button svg{width:16px;height:16px}@media(max-width:1180px){.current-bill-modal .modal-footer{grid-template-columns:minmax(0,1fr) auto auto}.current-bill-footer-status{display:none}}@media(max-width:1000px){.current-bill-modal .modal-footer{min-height:116px;grid-template-areas:"add summary" "actions actions";grid-template-columns:minmax(0,1fr) auto;row-gap:8px}.current-bill-footer-add-actions{grid-area:add}.current-bill-footer-summary{grid-area:summary}.current-bill-footer-actions{grid-area:actions;justify-self:end}.current-bill-customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.current-bill-address-field{grid-column:1 / -1}.current-bill-custom-form{grid-template-columns:repeat(3,minmax(0,1fr))}.current-bill-custom-actions{justify-content:flex-end}}@media(max-width:760px){.app-shell{width:calc(100% - 78px)}.form-grid.four,.custom-item-form{grid-template-columns:repeat(2,minmax(0,1fr))}.section-toolbar,.modal-footer{align-items:stretch;flex-direction:column}.current-bill-modal .modal-footer{min-height:0;grid-template-areas:"add" "summary" "actions";grid-template-columns:1fr;gap:8px}.current-bill-footer-add-actions,.current-bill-footer-summary{justify-content:flex-end}.current-bill-footer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.form-grid,.form-grid.four,.bill-meta-grid,.bill-detail-meta,.custom-item-form{grid-template-columns:1fr}.span-two{grid-column:span 1}.inline-form{grid-template-columns:1fr}}