:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f4f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:#171717;cursor:pointer;background:#fff;border:1px solid #d3d3d3;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 13px;display:inline-flex}button:hover:not(:disabled){background:#fff5f6;border-color:#d80f1f}button:disabled{cursor:not-allowed;opacity:.55}button.active,.icon-button.active{color:#fff;background:#d80f1f;border-color:#d80f1f}.app-shell{min-height:100vh}.topbar{z-index:5;background:#fff;border-bottom:3px solid #d80f1f;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:68px;padding:0 28px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:19px;font-weight:760;display:inline-flex}.brand img{width:122px;height:auto;display:block}.status-area{justify-self:start;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.status-pill{color:#4a4a4a;white-space:nowrap;background:#fff;border:1px solid #d7d7d7;border-radius:999px;align-items:center;gap:9px;min-width:0;min-height:34px;padding:0 11px;font-size:13px;font-weight:720;display:inline-flex}.status-dot{background:#8c8c8c;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #8c8c8c24}.status-pill.online .status-dot{background:#188a42;box-shadow:0 0 0 3px #188a4224}.status-pill.offline .status-dot{background:#d80f1f;box-shadow:0 0 0 3px #d80f1f1f}.status-divider{background:#ddd;width:1px;height:16px}.legal-info{flex:none;position:relative}.legal-info-button{color:#444;border-radius:999px;width:34px;height:34px;min-height:34px;padding:0}.legal-info-popover{z-index:30;color:#333;opacity:0;pointer-events:none;background:#fff;border:1px solid #d7d7d7;border-radius:8px;width:min(520px,100vw - 48px);padding:12px 14px;font-size:12px;font-weight:520;line-height:1.45;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 14px 40px #00000029}.legal-info:hover .legal-info-popover,.legal-info:focus-within .legal-info-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.app-footer{color:#686868;background:#f4f4f4;border-top:1px solid #ddd;padding:14px 24px 22px;font-size:12px;line-height:1.45}.nav{align-items:center;gap:8px;display:flex}.nav a{color:#444;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:inline-flex}.nav a.active{color:#fff;background:#d80f1f}.nav-badge{color:#fff;background:#d80f1f;border-radius:999px;justify-content:center;align-items:center;min-width:44px;height:22px;padding:0 6px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.nav a.active .nav-badge{color:#d80f1f;background:#fff}.catalog-grid{grid-template-columns:310px minmax(0,1fr);gap:24px;padding:18px 24px 24px;display:grid}.active-filter-bar{z-index:4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4f4f4f0;border-bottom:1px solid #ddd;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:8px 24px;display:grid;position:sticky;top:68px}.active-filter-scroll{gap:7px;min-width:0;padding-bottom:1px;display:flex;overflow-x:auto}.active-filter-chip{color:#333;background:#fff;border-color:#d7d7d7;flex:none;gap:6px;min-height:31px;padding:0 9px;font-size:13px;font-weight:720}.active-filter-chip:first-child{color:#fff;background:#d80f1f;border-color:#d80f1f}.clear-filter-button{min-height:31px;padding:0 10px;font-size:13px;font-weight:720}.filters-panel{background:#fff;border:1px solid #d7d7d7;border-radius:8px;align-self:start;gap:16px;padding:18px;display:grid;position:sticky;top:134px}.search-box{background:#fff;border:1px solid #cfcfcf;border-radius:6px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:44px;padding:0 11px;display:grid}.search-box input{background:0 0;border:0;outline:0;min-width:0}.plain-icon,.icon-button{width:34px;height:34px;min-height:34px;padding:0}.plain-icon{background:0 0;border:0}.filter-field{gap:7px;display:grid}.filter-field span{color:#626262;font-size:13px;font-weight:650}.filter-field select{color:#171717;background:#fff;border:1px solid #cfcfcf;border-radius:6px;width:100%;min-height:40px;padding:0 10px}.template-buttons{gap:7px;display:grid}.template-buttons button{text-align:left;justify-content:flex-start;min-height:36px}.category-tree{background:#fff;border:1px solid #cfcfcf;border-radius:6px;gap:2px;max-height:360px;padding:6px;display:grid;overflow:auto}.category-tree-item{min-width:0}.category-option{color:#333;border-radius:5px;align-items:center;gap:8px;min-height:31px;padding:4px 6px;display:flex}.category-option.level-1{background:#f7f7f7;border:1px solid #e2e2e2;margin-top:6px;font-weight:760}.category-tree-item:first-child>.category-option.level-1{margin-top:0}.category-option:hover{background:#fff5f6}.category-option input{accent-color:#d80f1f;width:16px;height:16px}.category-option span{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:540}.category-option.level-2{padding-left:20px}.category-option.level-3{padding-left:34px}.category-children{gap:2px;display:grid}.filter-collapse-button{justify-content:space-between;width:100%;min-height:36px;padding:0 10px}.filter-collapse-button span{color:#333;font-size:14px;font-weight:700}.filter-collapse-button svg{transition:transform .16s}.filter-collapse-button svg.rotated{transform:rotate(180deg)}.selected-filter-list{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{color:#fff;background:#d80f1f;border-color:#d80f1f;gap:5px;min-height:30px;padding:0 8px;font-size:13px;font-weight:700}.multi-filter-list{background:#fff;border:1px solid #cfcfcf;border-radius:6px;gap:2px;max-height:260px;padding:6px;display:grid;overflow:auto}.multi-filter-option{border-radius:5px;align-items:center;gap:8px;min-height:32px;padding:4px 6px;display:flex}.multi-filter-option:hover{background:#fff5f6}.multi-filter-option input{accent-color:#d80f1f;width:16px;height:16px}.multi-filter-option span{color:#333;font-size:14px;font-weight:520}.empty-filter-options{color:#686868;padding:10px 6px;font-size:13px}.toggle-field{color:#333;align-items:center;gap:10px;min-height:40px;font-weight:650;display:flex}.toggle-field input{accent-color:#d80f1f;width:18px;height:18px}.content-panel{min-width:0}.content-panel.single{padding:24px}.list-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.15}h2{margin-bottom:14px;font-size:21px;line-height:1.2}.list-toolbar p,.eyebrow{color:#686868;margin-top:5px}.button-group{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.page-size-control{color:#626262;align-items:center;gap:8px;min-height:38px;font-size:13px;font-weight:700;display:inline-flex}.page-size-control select{color:#171717;background:#fff;border:1px solid #cfcfcf;border-radius:6px;min-height:38px;padding:0 8px}.modal-backdrop{z-index:20;background:#0000005c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #d7d7d7;border-radius:8px;width:min(720px,100%);max-height:calc(100vh - 48px);padding:20px;overflow:auto;box-shadow:0 18px 60px #00000038}.modal-header,.modal-actions,.not-found-header{justify-content:space-between;align-items:start;gap:14px;display:flex}.modal-header p,.import-result p{color:#686868;margin-top:5px}.sku-import-textarea{resize:vertical;border:1px solid #cfcfcf;border-radius:6px;width:100%;min-height:220px;margin:18px 0 14px;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.import-result,.not-found-panel{margin-top:16px}.not-found-panel pre{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:6px;max-height:220px;padding:12px;overflow:auto}.table-wrap,.variant-table{background:#fff;border:1px solid #d7d7d7;border-radius:8px;width:100%;overflow:auto}.table-loading-wrap{position:relative}.table-loading-overlay{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffffad;border-radius:8px;justify-content:center;align-items:flex-start;padding-top:64px;display:flex;position:absolute;inset:0}.table-loading-overlay span{color:#333;background:#fff;border:1px solid #d7d7d7;border-radius:6px;align-items:center;min-height:38px;padding:0 14px;font-weight:760;display:inline-flex;box-shadow:0 8px 28px #0000001f}table{border-collapse:collapse;width:100%}th{text-align:left;color:#626262;background:#f7f7f7;font-size:12px;font-weight:720}th,td{vertical-align:middle;border-bottom:1px solid #e7e7e7;padding:10px 12px}tbody tr:hover{background:#fff5f6}.clickable-row{cursor:pointer}.select-col{width:46px}.bulk-select-menu{width:34px;position:relative}.bulk-select-menu summary{color:#444;cursor:pointer;background:#fff;border:1px solid #d3d3d3;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;list-style:none;display:inline-flex}.bulk-select-menu summary::-webkit-details-marker{display:none}.bulk-select-menu summary:hover{background:#fff5f6;border-color:#d80f1f}.bulk-select-options{z-index:15;background:#fff;border:1px solid #d7d7d7;border-radius:8px;gap:4px;width:230px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 14px 40px #00000029}.bulk-select-options button{border-color:#0000;justify-content:flex-start;min-height:34px;padding:0 10px;font-size:13px;font-weight:700}.product-table .thumb{color:#777;background:#f1f1f1;border-radius:6px;justify-content:center;align-items:center;width:58px;height:42px;display:flex;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.thumb-loader,.thumb-placeholder{width:100%;height:100%;display:block}.thumb-placeholder{background:linear-gradient(90deg,#eee,#f8f8f8,#eee) 0 0/180% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.name-cell{min-width:280px;max-width:520px}.empty,.page-state{color:#686868;text-align:center;padding:32px}.pagination{color:#686868;justify-content:center;align-items:center;gap:14px;padding:18px 0 6px;display:flex}.detail-page{padding:24px}.page-nav-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.breadcrumbs{color:#686868;align-items:center;gap:8px;min-width:0;display:flex}.breadcrumbs a{color:#d80f1f;font-weight:700}.detail-main{grid-template-columns:minmax(320px,460px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.detail-side{min-width:0}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gallery-link,.gallery img,.no-image{aspect-ratio:4/3;background:#fff;border:1px solid #d7d7d7;border-radius:8px;width:100%}.gallery-link{display:block;overflow:hidden}.gallery img{object-fit:contain;border:0;border-radius:0;height:100%}.gallery-toggle{width:100%;margin-top:10px}.no-image{color:#777;justify-content:center;align-items:center;display:flex}.detail-info{background:#fff;border:1px solid #d7d7d7;border-radius:8px;min-width:0;padding:22px}.detail-title{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.detail-title>div:first-child{flex:1;min-width:0}.detail-title>button{flex:none}.detail-data-table{border:1px solid #d7d7d7;border-radius:8px;width:100%;overflow-x:auto}.detail-data-table table{min-width:760px}.detail-data-table th{color:#626262;white-space:nowrap;background:#f7f7f7;align-items:center;gap:8px;width:220px;display:flex}.copy-field-button{flex:none;width:30px;height:30px;min-height:30px;padding:0}.copy-field-button.copied{color:#fff;background:#d80f1f;border-color:#d80f1f}.detail-data-table td{white-space:nowrap}.key-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.key-values div,.attributes-grid div{background:#f7f7f7;border:1px solid #e2e2e2;border-radius:6px;min-width:0;padding:10px}dt,.attributes-grid span{color:#626262;font-size:12px;font-weight:700}dd{overflow-wrap:anywhere;margin:4px 0 0}.description{color:#343434;margin:18px 0;line-height:1.55}.section-band{margin-top:26px}.related-panel{margin-top:18px}.related-panel h2{margin-bottom:0;font-size:18px}.related-panel-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.related-panel-header button{flex:none}.related-panel .variant-table{max-height:360px}.attributes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.attributes-grid strong{overflow-wrap:anywhere;margin-top:5px;font-weight:560;display:block}@media (width<=980px){.topbar{grid-template-columns:1fr;gap:10px;height:auto;padding:14px 18px}.status-pill{width:100%;overflow-x:auto}.status-area{justify-self:stretch}.legal-info-popover{left:0;right:auto}.catalog-grid,.detail-main{grid-template-columns:1fr}.active-filter-bar{grid-template-columns:1fr;padding:8px 18px;position:static}.filters-panel{position:static}.key-values,.attributes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.catalog-grid,.detail-page,.content-panel.single{padding:14px}.active-filter-bar{padding:8px 14px}.app-footer{padding:14px}.list-toolbar,.detail-title{flex-direction:column;align-items:stretch}.button-group{justify-content:stretch}.button-group button{flex:1}.gallery,.key-values,.attributes-grid{grid-template-columns:1fr}}