:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18202b;background:#f6f7fb;font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{max-width:1360px;margin:0 auto;padding:24px}.nav{color:#fff;background:#172554;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.nav-links{align-items:center;gap:16px;display:flex}.card{background:#fff;border:1px solid #e1e5ec;border-radius:14px;padding:20px;box-shadow:0 3px 12px #141e320d}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.store-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.store-card{gap:14px;transition:transform .15s,box-shadow .15s;display:grid}.store-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #141e321a}.store-card h2{margin-bottom:0}.store-card-head{align-items:flex-start}.store-card-meta{color:#475569;gap:7px;margin:0;font-size:14px;display:grid}.store-card-meta div{grid-template-columns:88px 1fr;gap:12px;display:grid}.store-card-meta dt{color:#64748b}.store-card-meta dd{color:#1e293b;margin:0;font-weight:550}.store-enter{justify-self:start}.stack{gap:16px;display:grid}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.button{color:#fff;cursor:pointer;background:#1d4ed8;border:0;border-radius:9px;padding:10px 15px;display:inline-flex}.button.secondary{color:#172554;background:#e8edfb}.button.secondary.danger{color:#b42318;background:#fff1f2;border:1px solid #fecdd3}.button:disabled{cursor:not-allowed;background:#a9b0bc}.field{gap:6px;display:grid}.field input{border:1px solid #bdc5d1;border-radius:8px;width:100%;padding:10px 12px}.muted{color:#64748b}.status{background:#eef2ff;border-radius:99px;padding:4px 9px;font-size:13px;display:inline-block}.status.success{color:#166534;background:#dcfce7}.status.neutral{color:#475569;background:#f1f5f9}.status.info{color:#1e40af;background:#e8edfb}.status.warning{color:#92400e;background:#fef3c7}.product-image{object-fit:contain;background:#f8fafc;border-radius:10px;width:100%;height:210px}.erp-list{gap:8px;display:grid}.erp-row{background:#fff;border:1px solid #e1e5ec;border-radius:10px;align-items:center;gap:16px;padding:11px 14px;display:flex}.product-row{grid-template-columns:64px minmax(260px,1fr) auto auto;min-height:88px;transition:border-color .15s,box-shadow .15s;display:grid}.product-row:hover{border-color:#cbd5e1;box-shadow:0 3px 12px #141e320d}.erp-thumb{object-fit:cover;border-radius:6px;flex:none;width:64px;height:64px}.erp-thumb.placeholder{background:#e8edfb}.erp-main{flex:1;gap:4px;min-width:0;display:grid}.product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.product-meta{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.product-badges,.product-actions{align-items:center;gap:8px;display:flex}.product-actions{justify-content:flex-end}.row-primary{min-height:38px;padding-inline:16px}.products-page{gap:18px}.back-link{color:#475569;width:fit-content}.products-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.products-header h1{margin-bottom:2px;font-size:28px}.products-header h2{color:#475569;margin:0 0 8px;font-size:17px;font-weight:600}.product-search{background:#fff;border:1px solid #cbd5e1;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 9px 8px 14px;display:grid}.product-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.product-search input{border:0;outline:0;min-height:28px;font-size:15px}.thumbnail-button{cursor:zoom-in;background:0 0;border:0;border-radius:8px;width:64px;height:64px;padding:0;display:block}.thumbnail-button:focus-visible,.button:focus-visible,.page-link:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #2563eb59}.preview-backdrop{z-index:1000;background:#0f172ac2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preview-dialog{background:#fff;border-radius:12px;width:min(1100px,88vw);max-height:90vh;overflow:hidden;box-shadow:0 24px 70px #00000059}.preview-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px 12px 18px;display:flex}.preview-header div{gap:2px;min-width:0;display:grid}.preview-header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-header span{color:#64748b;font-size:13px}.preview-close{color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;width:42px;height:42px;font-size:26px;line-height:1}.preview-canvas{background:#f8fafc;width:100%;height:min(78vh,820px);position:relative}.preview-canvas img{object-fit:contain}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.pagination-summary,.pagination-summary form,.page-links{align-items:center;gap:8px;display:flex}.pagination select{background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-height:36px;padding:0 28px 0 9px}.button.compact{min-height:36px;padding:6px 10px}.page-link{color:#334155;background:#fff;border:1px solid #dbe1e8;border-radius:7px;place-items:center;min-width:36px;min-height:36px;padding:0 10px;display:inline-grid}.page-link:hover{border-color:#94a3b8}.page-link.current{color:#fff;background:#1d4ed8;border-color:#1d4ed8;font-weight:700}.page-link.disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.page-ellipsis{color:#64748b;padding:0 5px}@media (max-width:700px){.erp-row{flex-wrap:wrap;align-items:flex-start}.erp-main{min-width:calc(100% - 80px)}}h1,h2,p{margin-top:0}@media (max-width:820px){.product-row{grid-template-columns:64px minmax(0,1fr)}.product-badges,.product-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-start}.pagination{flex-direction:column;align-items:flex-start}.page-links{max-width:100%;padding-bottom:4px;overflow-x:auto}}@media (max-width:600px){.shell{padding:16px}.nav{padding:14px 16px}.nav-links>span{display:none}.products-header{align-items:flex-start}.product-search{grid-template-columns:auto minmax(0,1fr)}.product-search .button{grid-column:1/-1;justify-content:center}.preview-backdrop{padding:0}.preview-dialog{border-radius:0;width:100vw;height:100dvh;max-height:none}.preview-canvas{height:calc(100dvh - 67px)}}
