:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--primary:#173f95;--primary-hover:#204fb5;--success:#0a7b2e;--danger:#d60000;--warning:#f59e0b;--text:#222;--text-light:#666;--background:#f4f6fb;--white:#fff;--border:#d5d5d5;--radius-card:20px;--radius-input:10px;--radius-button:10px;--shadow:0 20px 50px #00000026;--sidebar-width:260px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--background);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.card{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:25px}.form-card{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:30px}.page-title{color:var(--primary);margin-bottom:25px;font-size:28px;font-weight:700}.form-control{border:1px solid var(--border);border-radius:var(--radius-input);width:100%;min-width:0;max-width:100%;padding:14px;font-size:16px;transition:all .2s}select.form-control{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #173f9526}.form-control:disabled{color:#666;background:#f1f1f1}.btn-primary{background:var(--primary);color:#fff;letter-spacing:.5px;cursor:pointer;border:none;border-radius:10px;min-width:220px;height:52px;font-size:18px;font-weight:700;transition:all .2s}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-button);cursor:pointer;background:#fff;padding:14px 22px}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid #e8e8e8;padding:20px;transition:all .3s}.sidebar-logo{color:var(--primary);text-align:center;margin-bottom:30px;font-size:28px;font-weight:700}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{color:#333;border-radius:10px;padding:12px 14px;text-decoration:none;transition:all .2s}.sidebar nav a:hover{background:#173f9514}.sidebar nav a.active{color:var(--primary);background:#173f951f;font-weight:600}.main-content{flex-direction:column;flex:1;display:flex}.topbar{height:var(--header-height);background:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;padding:0 25px;display:flex}.menu-button{cursor:pointer;background:0 0;border:none;font-size:24px}.user-info{text-align:right}.user-name{font-weight:600}.user-email{color:#666;font-size:13px}.page-content{padding:25px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.info-card{border-radius:var(--radius-card);box-shadow:var(--shadow);cursor:pointer;background:#fff;padding:25px;transition:all .2s}.info-card:hover{transform:translateY(-3px)}.info-card h3{color:var(--primary);overflow-wrap:anywhere;margin-bottom:10px}.info-card p{color:#666;overflow-wrap:anywhere}@media (width<=1200px){.sidebar{z-index:999;position:fixed;top:0;bottom:0;left:-260px}.sidebar.open{left:0}.page-content{padding:20px}}@media (width<=768px){.page-content{padding:10px}.form-card{width:100%;padding:15px;margin-left:0!important;margin-right:0!important}.form-grid{width:100%}.form-row{width:100%;display:block!important}.form-row label{display:block;text-align:left!important;width:100%!important;min-width:0!important;margin:0 0 6px!important;padding:0!important}.form-row .form-control{flex:none!important;width:100%!important;max-width:100%!important}.button-group{flex-direction:column;align-items:stretch}.button-group button{width:100%;max-width:none}}.form-row{align-items:center;margin-bottom:18px;display:flex}.form-row label{text-align:right;color:#333;width:180px;min-width:180px;margin-right:20px;font-size:15px;font-weight:500}.form-row .form-control{flex:1;min-width:0}.button-group{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;margin-bottom:20px;display:flex}pre.form-control{background:#f8f9fb;border-radius:8px;min-height:120px;padding:12px;font-size:13px;overflow:auto}.sidebar-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-close{cursor:pointer;background:0 0;border:none;font-size:22px}.sidebar-backdrop{z-index:998;background:#0006;position:fixed;inset:0}.login-page{background:linear-gradient(135deg,#0d2f6d,#173f95);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-overlay{justify-content:center;align-items:center;width:100%;display:flex}.login-card{background:#fff;border-radius:20px;width:100%;max-width:460px;padding:40px;box-shadow:0 20px 50px #00000040}.login-logo{width:100%;max-width:320px;margin:auto;display:block}.login-title{text-align:center;color:#173f95;margin-top:25px;font-size:34px}.login-subtitle{text-align:center;color:#666;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:600;display:block}.form-group input{border:1px solid #d5d5d5;border-radius:10px;width:100%;padding:14px;font-size:16px}.password-wrapper{position:relative}.eye-button{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px;display:flex}.remember-row{align-items:center;gap:8px;display:flex}.login-button{color:#fff;cursor:pointer;background:#173f95;border:none;border-radius:10px;width:100%;padding:15px;font-size:18px;font-weight:600;transition:all .2s}.login-button:hover{background:#204fb5}.error-message{color:#d60000;text-align:center;margin-bottom:15px;font-size:14px;font-weight:500}.ssl-info{text-align:center;color:#0a7b2e;margin-top:25px;font-size:14px;font-weight:500}.login-footer{text-align:center;color:#777;flex-direction:column;gap:8px;margin-top:25px;font-size:13px;display:flex}@media (width<=768px){.login-card{padding:25px}.login-title{font-size:28px}.login-options{flex-direction:column;align-items:flex-start;gap:12px}.login-logo{max-width:240px}}@media (width<=480px){.login-card{border-radius:14px;padding:20px}.login-title{font-size:24px}.form-group input{padding:12px;font-size:15px}.login-button{font-size:16px}}.customer-list{gap:15px;display:grid}.customer-card{cursor:pointer;background:#fff;border-radius:12px;padding:16px;transition:all .2s;box-shadow:0 2px 8px #00000014}.customer-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.customer-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.customer-code{color:#666;font-weight:600}.customer-name{overflow-wrap:break-word;word-break:break-word;margin-top:10px;margin-bottom:10px;font-size:18px;font-weight:700}.customer-row{overflow-wrap:break-word;word-break:break-word;margin-bottom:8px}.customer-balance{color:#c62828;font-weight:700}.customer-ledger-tab{flex-direction:column;gap:16px;display:flex}.customer-ledger-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.customer-ledger-header h3{color:#111827;margin:0;font-size:20px;font-weight:700}.customer-ledger-subtitle{color:#374151;margin-top:4px;font-size:15px;font-weight:600}.customer-ledger-muted{color:#6b7280;margin-top:3px;font-size:12px}.customer-ledger-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:end;gap:12px;padding:14px;display:flex}.customer-ledger-field{flex-direction:column;gap:5px;display:flex}.customer-ledger-field label{color:#374151;font-size:13px;font-weight:600}.customer-ledger-field input{border:1px solid #d1d5db;border-radius:8px;min-width:160px;height:38px;padding:0 10px;font-size:14px}.customer-ledger-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:38px;padding:0 18px;font-size:14px;font-weight:600}.customer-ledger-button:hover{background:#1d4ed8}.customer-ledger-button:disabled{opacity:.6;cursor:not-allowed}.customer-ledger-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:14px}.customer-ledger-summary{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.ledger-summary-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.ledger-summary-box span{color:#6b7280;margin-bottom:6px;font-size:13px;display:block}.ledger-summary-box strong{color:#111827;font-size:19px;display:block}.customer-ledger-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto}.customer-ledger-table{border-collapse:collapse;width:100%;min-width:920px}.customer-ledger-table th,.customer-ledger-table td{vertical-align:top;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:14px}.customer-ledger-table th{color:#374151;text-align:left;white-space:nowrap;background:#f9fafb;font-weight:700}.customer-ledger-table tfoot td{background:#f9fafb;font-weight:700}.customer-ledger-table .num{text-align:right;white-space:nowrap}.customer-ledger-table .doc-code{color:#111827;font-weight:700}.customer-ledger-table .empty{text-align:center;color:#6b7280;padding:24px}.customer-ledger-table .balance{font-weight:700}.customer-ledger-table .debit,.customer-ledger-table .credit{color:#111827}.positive{color:#b45309!important}.negative{color:#dc2626!important}.zero{color:#374151!important}@media (width<=768px){.customer-ledger-summary{grid-template-columns:1fr}.customer-ledger-filters{align-items:stretch}.customer-ledger-field,.customer-ledger-field input,.customer-ledger-button{width:100%}.customer-ledger-table{min-width:760px}}.customer-items-tab{box-sizing:border-box;width:100%;padding:16px}.customer-items-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.customer-items-header h3{color:#222;margin:0 0 4px;font-size:20px;font-weight:700}.customer-items-subtitle{color:#444;margin-bottom:2px;font-size:15px;font-weight:600}.customer-items-muted{color:#777;font-size:12px}.customer-items-filters{background:#f7f7f8;border:1px solid #e1e1e1;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px;padding:12px;display:flex}.customer-items-field{flex-direction:column;gap:4px;display:flex}.customer-items-field label{color:#444;font-size:13px;font-weight:600}.customer-items-field input{box-sizing:border-box;background:#fff;border:1px solid #cfcfcf;border-radius:6px;min-width:150px;height:36px;padding:6px 10px;font-size:14px}.customer-items-search input{min-width:260px}.customer-items-button{color:#fff;cursor:pointer;background:#1f6feb;border:none;border-radius:6px;height:36px;padding:0 18px;font-size:14px;font-weight:600}.customer-items-button:disabled{opacity:.65;cursor:not-allowed}.customer-items-error{color:#8a1f1f;background:#ffecec;border:1px solid #f3b8b8;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:14px}.customer-items-summary{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.items-summary-box{background:#fff;border:1px solid #dedede;border-radius:8px;padding:12px;box-shadow:0 1px 2px #0000000a}.items-summary-box span{color:#666;margin-bottom:6px;font-size:13px;display:block}.items-summary-box strong{color:#222;font-size:18px;display:block}.customer-items-table-wrap{background:#fff;border:1px solid #dedede;border-radius:8px;width:100%;overflow-x:auto}.customer-items-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:13px}.customer-items-table th{text-align:left;color:#333;white-space:nowrap;background:#f1f3f5;border-bottom:1px solid #dcdcdc;padding:10px 8px;font-weight:700}.customer-items-table td{vertical-align:top;border-bottom:1px solid #eee;padding:9px 8px}.customer-items-table tbody tr:hover{background:#fafcff}.customer-items-table tfoot td{background:#f7f7f7;border-top:1px solid #dcdcdc;padding:10px 8px;font-weight:700}.customer-items-table .num{text-align:right;white-space:nowrap}.customer-items-table .empty{text-align:center;color:#777;padding:22px}.item-code{color:#222;white-space:nowrap;font-weight:700}.strong{font-weight:700}.variation.up{color:#b42318;font-weight:700}.variation.down{color:#067647;font-weight:700}.variation.zero{color:#666}@media (width<=900px){.customer-items-tab{padding:10px}.customer-items-summary{grid-template-columns:repeat(2,minmax(140px,1fr))}.customer-items-search input{min-width:180px}}@media (width<=600px){.customer-items-filters{flex-direction:column;align-items:stretch}.customer-items-field input{width:100%;min-width:0}.customer-items-button{width:100%}.customer-items-summary{grid-template-columns:1fr}}.customer-items-tab input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid #bcccdc;color:#102a43!important;background:#fff!important}.customer-items-tab input[type=date]::-webkit-datetime-edit{color:#102a43!important}.customer-items-tab input[type=date]::-webkit-datetime-edit-text{color:#102a43!important}.customer-items-tab input[type=date]::-webkit-datetime-edit-month-field{color:#102a43!important}.customer-items-tab input[type=date]::-webkit-datetime-edit-day-field{color:#102a43!important}.customer-items-tab input[type=date]::-webkit-datetime-edit-year-field{color:#102a43!important}.customer-items-tab input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}.customer-items-button{border:none;color:#fff!important;background:#1976d2!important}.customer-items-button:disabled{color:#fff!important;background:#90caf9!important}.customer-documents-list{flex-direction:column;gap:10px;display:flex}.customer-document-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e2ec;border-radius:10px;grid-template-columns:minmax(260px,1fr) auto;gap:16px;width:100%;padding:14px 16px;transition:all .15s;display:grid}.customer-document-card:hover{border-color:#9fb3c8;box-shadow:0 2px 8px #00000014}.customer-document-main{min-width:0}.customer-document-title{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.customer-document-fincode{color:#102a43;font-size:16px;font-weight:700}.customer-document-date{color:#486581;font-size:14px;font-weight:600}.customer-document-series{color:#334e68;margin-top:4px;font-size:14px}.customer-document-meta{color:#829ab1;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12px;display:flex}.customer-document-values{grid-template-columns:repeat(5,minmax(90px,120px));align-items:stretch;gap:8px;display:grid}.customer-document-value{text-align:right;background:#f8fafc;border-radius:8px;padding:8px 10px}.customer-document-value span{color:#627d98;margin-bottom:4px;font-size:11px;display:block}.customer-document-value strong{color:#102a43;white-space:nowrap;font-size:14px;display:block}.customer-document-value.total{background:#eef6ff}.customer-documents-empty{color:#627d98;text-align:center;background:#f8fafc;border:1px dashed #bcccdc;border-radius:10px;padding:18px}@media (width<=900px){.customer-document-card{grid-template-columns:1fr}.customer-document-values{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=520px){.customer-document-values{grid-template-columns:1fr}.customer-document-value{text-align:left}}.selected-document-info{background:#fff;border-bottom:1px solid #d9e2ec;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;padding:12px 14px;display:grid}.selected-document-info div{background:#f8fafc;border-radius:8px;padding:8px 10px}.selected-document-info span{color:#627d98;margin-bottom:4px;font-size:12px;display:block}.selected-document-info strong{color:#102a43;font-size:14px;display:block}@media (width<=900px){.selected-document-info{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=520px){.selected-document-info{grid-template-columns:1fr}}.customer-documents-tab{padding:16px}.customer-documents-header{margin-bottom:16px}.customer-documents-header h3{margin:0 0 4px}.customer-documents-subtitle{color:#334e68;font-weight:600}.customer-documents-muted{color:#829ab1;margin-top:4px;font-size:12px}.customer-documents-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.customer-documents-field{color:#334e68;flex-direction:column;gap:4px;font-size:13px;display:flex}.customer-documents-field input{border:1px solid #bcccdc;border-radius:6px;min-width:150px;height:34px;padding:6px 8px}.customer-documents-button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;height:34px;padding:0 16px;font-weight:600}.customer-documents-button:disabled{opacity:.6;cursor:not-allowed}.customer-documents-error{color:#8a1f1f;background:#ffecec;border:1px solid #f3b8b8;border-radius:6px;margin:12px 0;padding:10px}.customer-documents-summary{grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.documents-summary-box{background:#fff;border:1px solid #d9e2ec;border-radius:8px;padding:10px}.documents-summary-box span{color:#627d98;font-size:12px;display:block}.documents-summary-box strong{color:#102a43;margin-top:4px;font-size:16px;display:block}.customer-document-selected{background:#fff;border:1px solid #d9e2ec;border-radius:10px;margin-top:18px;overflow:hidden}.selected-document-header{background:#f8fafc;border-bottom:1px solid #d9e2ec;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.selected-document-header button{cursor:pointer;background:#fff;border:1px solid #bcccdc;border-radius:6px;padding:6px 10px}.selected-document-lines{flex-direction:column;display:flex}.selected-document-line{border-bottom:1px solid #eef2f7;grid-template-columns:140px minmax(240px,1fr) repeat(4,minmax(110px,auto));align-items:center;gap:10px;padding:10px 14px;display:grid}.selected-document-line:last-child{border-bottom:none}.line-code{color:#102a43;font-weight:700}.line-name{color:#334e68}.line-num{text-align:right;white-space:nowrap;color:#334e68}@media (width<=1100px){.customer-documents-summary{grid-template-columns:repeat(3,minmax(120px,1fr))}.selected-document-line{grid-template-columns:1fr}.line-num{text-align:left}}@media (width<=600px){.customer-documents-summary{grid-template-columns:1fr}}.customer-pending-orders-tab{padding:16px}.customer-pending-orders-box{color:#334e68;background:#f8fafc;border:1px dashed #bcccdc;border-radius:10px;padding:18px}.customer-pending-orders-box h3{color:#102a43;margin:0 0 8px}.customer-pending-orders-customer{margin-bottom:4px;font-weight:600}.customer-pending-orders-trdr{color:#829ab1;margin-bottom:12px;font-size:12px}.customer-pending-orders-box p{margin:6px 0}.items-page{max-width:1500px;margin:0 auto;padding:20px}.items-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.items-header h1{color:#1f2937;margin:0;font-size:26px}.items-header p{color:#6b7280;margin:6px 0 0;font-size:14px}.items-header-stats{flex-wrap:wrap;gap:10px;display:flex}.items-header-stats>div{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:105px;padding:10px 12px;box-shadow:0 1px 3px #0f172a0f}.items-header-stats span{color:#6b7280;margin-bottom:3px;font-size:12px;display:block}.items-header-stats strong{color:#111827;font-size:18px}.items-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;padding:14px;display:flex;box-shadow:0 1px 3px #0f172a0f}.items-search{flex:1;min-width:240px}.items-page-size{width:130px}.items-toolbar label{color:#4b5563;margin-bottom:5px;font-size:12px;display:block}.items-toolbar input,.items-toolbar select{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;height:38px;padding:0 10px;font-size:14px}.items-check{align-items:center;gap:6px;height:38px;color:#374151!important;margin-bottom:0!important;font-size:13px!important;display:flex!important}.items-check input{width:auto;height:auto}.primary-btn,.secondary-btn,.load-more-btn,.substitutes-btn{cursor:pointer;border:0;border-radius:8px;height:38px;padding:0 14px;font-size:14px}.primary-btn{color:#fff;background:#2563eb}.secondary-btn{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.load-more-btn{color:#fff;background:#111827}.load-more-btn:disabled{cursor:not-allowed;background:#9ca3af}.substitutes-btn{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;height:32px;padding:0 10px}.simple-badge{color:#4b5563;background:#f3f4f6;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:12px;display:inline-flex}.active-filter{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.items-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:12px;padding:12px}.items-loading{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:30px}.items-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:auto;box-shadow:0 1px 3px #0f172a0f}.items-table{border-collapse:collapse;width:100%;min-width:1050px}.items-table th,.items-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:13px}.items-table th{color:#374151;z-index:1;background:#f9fafb;font-weight:700;position:sticky;top:0}.items-table tr:hover td{background:#f9fafb}.variable-row td{background:#fcfcff}.item-name{color:#111827;font-weight:600}.small-muted{color:#6b7280;margin-top:3px;font-size:12px}.num{white-space:nowrap;text-align:right!important}.empty-cell{color:#6b7280;text-align:center!important;padding:30px!important}.substitutes-cell{background:#f8fafc!important;padding:12px!important}.substitutes-box{background:#fff;border:1px solid #dbeafe;border-radius:10px;padding:12px}.substitutes-title{color:#1f2937;margin-bottom:10px;font-weight:700}.substitutes-table{border-collapse:collapse;width:100%}.substitutes-table th,.substitutes-table td{border-bottom:1px solid #e5e7eb;padding:8px;font-size:12px}.items-footer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex}@media (width<=800px){.items-page{padding:12px}.items-header{flex-direction:column}.items-header-stats{width:100%}.items-header-stats>div{flex:1}.items-toolbar{align-items:stretch}.items-search,.items-page-size{width:100%;min-width:100%}.primary-btn,.secondary-btn{width:100%}.items-footer{flex-direction:column;align-items:stretch}.load-more-btn{width:100%}}.pager-info{color:#374151;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.pager-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pager-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;height:36px;padding:0 10px;font-size:13px}.pager-btn:hover:not(:disabled){background:#f3f4f6}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.pager-input-wrap{color:#4b5563;align-items:center;gap:6px;font-size:13px;display:flex}.pager-input-wrap input{text-align:center;border:1px solid #d1d5db;border-radius:8px;width:70px;height:36px;font-size:14px}.items-cards{display:none}.empty-card{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.item-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:12px;padding:14px;box-shadow:0 1px 3px #0f172a0f}.item-card-variable{background:#fcfcff;border-color:#c7d2fe}.item-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.item-card-code{color:#111827;font-size:14px;font-weight:800}.item-card-name{color:#1f2937;margin-top:4px;font-size:15px;font-weight:600;line-height:1.35}.item-card-price{white-space:nowrap;color:#111827;font-size:16px;font-weight:800}.item-card-meta{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.item-card-meta>div{background:#f9fafb;border-radius:10px;padding:8px}.item-card-meta span{color:#6b7280;margin-bottom:3px;font-size:11px;display:block}.item-card-meta strong{color:#111827;word-break:break-word;font-size:13px;display:block}.item-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.item-card-subs{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:10px}.item-card-sub{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:8px;padding:10px}.item-card-sub strong{color:#111827;font-size:13px;display:block}.item-card-sub span{color:#6b7280;margin-top:2px;font-size:12px;display:block}.item-card-sub-dims{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.item-card-sub-dims span{background:#f3f4f6;border-radius:999px;padding:3px 8px}.item-card-sub-price{text-align:right;margin-top:8px;font-weight:800}.dsf-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-bottom:12px;display:grid}.dsf-field{flex-direction:column;gap:4px;display:flex}.dsf-label{color:#374151;font-size:12px;font-weight:700}.dsf-input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:13px}.dsf-input:focus{border-color:#2563eb;outline:none}.dsf-range-row{align-items:center;gap:6px;display:flex}.dsf-range-row .dsf-input{flex:1;min-width:0}.dsf-range-sep{color:#6b7280;flex-shrink:0;font-size:12px}.dsf-select-search{margin-bottom:4px}.dsf-multi-list{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:160px;padding:6px 8px;overflow-y:auto}.dsf-multi-option{color:#111827;cursor:pointer;align-items:center;gap:6px;padding:3px 0;font-size:13px;display:flex}.dsf-empty{color:#6b7280;padding:8px 0 12px;font-size:13px}.reports-page{flex-direction:column;gap:16px;display:flex}.reports-header-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.reports-header-card h2{margin:0;font-size:22px}.reports-header-card p{color:#6b7280;margin:4px 0 0}.reports-grid{grid-template-columns:320px 1fr;align-items:start;gap:16px;display:grid}.reports-browser-list,.reports-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.reports-browser-list h3,.reports-results h3{margin:0 0 12px;font-size:18px}.browser-card{text-align:left;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-bottom:10px;padding:12px 40px 12px 12px;position:relative}.browser-card-settings-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:13px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.browser-card-settings-btn:hover{background:#eff6ff;border-color:#2563eb}.reports-fields-settings-btn{vertical-align:middle;margin-left:10px;padding:4px 10px;font-size:12px}.browser-card:hover{background:#f3f4f6}.browser-card.active{background:#eff6ff;border-color:#2563eb}.browser-card-title{color:#111827;margin-bottom:4px;font-weight:700}.browser-card-meta{color:#374151;margin-bottom:4px;font-size:13px}.browser-card-small{color:#6b7280;word-break:break-word;font-size:12px}.reports-results-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.reports-muted{color:#6b7280;font-size:13px}.reports-loading{color:#2563eb;font-weight:600}.reports-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px}.reports-empty{color:#6b7280;text-align:center;border:1px dashed #d1d5db;border-radius:10px;padding:24px}.reports-count{color:#374151;margin-bottom:8px;font-size:13px}.reports-table-wrap{border:1px solid #e5e7eb;border-radius:10px;max-height:calc(100vh - 280px);overflow:auto}.reports-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:13px}.reports-table th{color:#111827;white-space:nowrap;background:#f3f4f6;border-bottom:1px solid #d1d5db;padding:8px;font-weight:700;position:sticky;top:0}.reports-th-truncate{text-overflow:ellipsis;cursor:help;max-width:180px;overflow:hidden}.reports-table td{vertical-align:top;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:8px}.reports-table tbody tr:hover{background:#f9fafb}.reports-progress-wrap{min-width:160px;margin-top:6px}.reports-progress-label{color:#374151;margin-bottom:4px;font-size:12px}.reports-progress-bar-track{background:#e5e7eb;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden}.reports-progress-bar-fill{background:#2563eb;border-radius:999px;height:100%;transition:width .3s}.reports-progress-bar-indeterminate{background:#2563eb;border-radius:999px;width:40%;height:100%;animation:1.1s ease-in-out infinite reports-progress-slide;position:absolute;top:0;left:0}@keyframes reports-progress-slide{0%{left:-40%}to{left:100%}}.reports-progress-percent{color:#6b7280;margin-top:3px;font-size:11px}.reports-report-totals-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:12px;padding:12px 14px}.reports-report-totals-toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.reports-report-totals-title{color:#1e3a8a;font-size:14px;font-weight:700}.reports-report-totals-actions{align-items:center;gap:8px;display:flex}.reports-report-totals-values{border-top:1px solid #bfdbfe;flex-wrap:wrap;gap:10px 24px;margin-top:10px;padding-top:10px;display:flex}.reports-report-totals-item{flex-direction:column;gap:2px;display:flex}.reports-report-totals-label{color:#1e40af;font-size:12px;font-weight:600}.reports-report-totals-value{color:#111827;font-size:16px;font-weight:700}.reports-filters-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:12px;padding:12px}.reports-filters-toggle-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.reports-execute-button{letter-spacing:normal;min-width:0;height:auto;padding:10px 22px;font-size:14px}.reports-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.reports-toolbar-actions{align-items:center;gap:8px;display:flex}.reports-groupby-panel{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:10px;padding:10px 12px;font-size:13px;display:flex}.reports-groupby-checkbox{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;display:flex}.reports-groupby-note{color:#6b7280;width:100%;font-size:12px;font-style:italic}.reports-pagination{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.reports-pagination-info{color:#374151;white-space:nowrap;padding:0 4px;font-size:13px}.reports-pagesize-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-left:auto;padding:6px 8px;font-size:13px}.reports-data-row{cursor:pointer}.reports-data-row.selected td{box-shadow:inset 3px 0 #2563eb;background:#dbeafe!important}.reports-expand-col-header{width:30px}.reports-expand-cell{text-align:center;width:30px;padding:4px!important}.reports-expand-toggle{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;width:22px;height:22px;font-size:11px;line-height:1}.reports-expand-toggle:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.reports-row-expanded td{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 14px}.reports-row-expanded-content{white-space:normal;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px 20px;display:grid}.reports-row-expanded-content .reports-card-field{white-space:normal}.reports-row-expanded-content .reports-card-value{white-space:normal;word-break:break-word}.reports-totals-row td{background:#f3f4f6;border-top:2px solid #d1d5db;padding:8px;font-weight:700}.reports-group-subtotals{color:#1e3a8a;margin-left:14px;font-size:12px;font-weight:400}.reports-filter-row th{background:#fff;padding:6px 8px;position:sticky;top:33px}.reports-column-filter-input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:6px;width:100%;min-width:0;padding:4px 6px;font-size:12px}.reports-column-filter-input:focus{border-color:#2563eb;outline:none}.reports-group-header-row td{background:#eff6ff;border-bottom:1px solid #d1d5db;padding:8px}.reports-group-toggle{cursor:pointer;color:#1e40af;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.reports-cards-wrap{flex-direction:column;gap:10px;display:flex}.reports-cards-filter-panel{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:4px;display:grid}.reports-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.reports-card-field{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;font-size:13px;display:flex}.reports-card-field:last-child{border-bottom:none}.reports-card-label{color:#6b7280;flex-shrink:0;font-weight:600}.reports-card-value{color:#111827;word-break:break-word}.reports-card-group{border:1px solid #dbeafe;border-radius:10px;overflow:hidden}.reports-card-group-header{cursor:pointer;text-align:left;background:#eff6ff;border:none;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;display:flex}.reports-card-group .reports-card{border:none;border-top:1px solid #eff6ff;border-radius:0}.reports-card-totals{background:#f3f4f6;border:2px solid #d1d5db}.reports-card-totals-title{color:#111827;margin-bottom:6px;font-weight:700}@media (width<=900px){.reports-grid{grid-template-columns:1fr}.reports-header-card{flex-direction:column;align-items:stretch}.reports-table-wrap{max-height:none}}