:root{--color-violet:#565cf6;--color-violet-hover:#464bdd;--color-violet-ink:#464bdd;--color-violet-soft:#eef0ff;--color-blue:#3296d0;--color-blue-hover:#2a82b5;--color-blue-ink:#2579a9;--color-blue-soft:#eaf5fb;--color-teal:#0cd8b6;--color-teal-hover:#0abda1;--color-teal-ink:#078c76;--color-teal-soft:#e6fbf7;--bg-app:#fff;--bg-surface:#fff;--bg-subtle:#f4f6fa;--bg-input:#fff;--text-main:#111827;--text-secondary:#475569;--text-muted:#8a94a6;--border-subtle:#e6eaf1;--border-strong:#d7dde8;--border-focus:#565cf6;--shadow-sm:0 1px 2px #1118270a;--shadow-md:0 6px 20px #11182712;--shadow-lg:0 24px 48px #11182729;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}button,input,select{font-family:inherit}img{max-width:100%}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d3dae5;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-blue)}.modal-card-elevated.product-detail-modal{max-width:1000px;max-height:92vh}.product-detail-modal .modal-body-layout{max-height:none;padding:1.5rem;overflow:visible}.product-detail-modal .modal-image-showcase{width:300px;min-width:300px}.product-detail-body{max-height:calc(92vh - 190px);overflow-y:auto}.detail-tabs{border-bottom:1px solid var(--border-subtle);background-color:#fbfcfe;gap:.35rem;padding:0 1.5rem;display:flex}.detail-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.4rem;padding:.75rem .85rem;font-size:.84rem;font-weight:600;transition:color .18s,border-color .18s;display:flex}.detail-tab:hover{color:var(--text-main)}.detail-tab.active{color:var(--color-violet-ink);border-bottom-color:var(--color-violet)}.tab-count{background-color:var(--color-violet-soft);color:var(--color-violet-ink);border-radius:999px;padding:.05rem .4rem;font-size:.68rem;font-weight:700}.detail-main-image-wrap{width:100%;position:relative}.product-detail-modal .modal-full-img{border:1px solid var(--border-subtle);object-fit:contain;background-color:#f7f9fc;border-radius:12px;width:100%;height:300px;padding:1rem}.product-detail-modal .modal-image-placeholder{height:300px}.gallery-nav{border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm);z-index:2;background-color:#fffffff2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav:hover{color:var(--color-violet-ink);border-color:#565cf673}.gallery-nav-left{left:8px}.gallery-nav-right{right:8px}.gallery-counter{color:#fff;background-color:#111827b8;border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:600;position:absolute;bottom:10px;right:10px}.gallery-thumbs{flex-wrap:wrap;justify-content:center;gap:.4rem;width:100%;display:flex}.gallery-thumb{border:1px solid var(--border-subtle);cursor:pointer;background-color:#f7f9fc;border-radius:8px;width:52px;height:52px;padding:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.gallery-thumb img{object-fit:contain;width:100%;height:100%}.gallery-thumb:hover{border-color:#565cf673}.gallery-thumb.active{border-color:var(--color-violet);box-shadow:0 0 0 2px #565cf629}.detail-image-links{flex-direction:column;align-items:center;gap:.4rem;display:flex}.detail-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.detail-kpi{border:1px solid var(--border-subtle);background-color:#f7f9fc;border-radius:8px;flex-direction:column;gap:.1rem;min-width:0;padding:.5rem .65rem;display:flex}.detail-kpi span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.64rem;font-weight:600}.detail-kpi strong{color:var(--text-main);font-size:.9rem;font-weight:700}.detail-kpi strong.in-stock{color:var(--color-teal-ink)}.detail-kpi strong.no-stock{color:#b91c1c}.detail-badges{flex-wrap:wrap;gap:.35rem;display:flex}.detail-badge{background-color:var(--color-blue-soft);color:var(--color-blue-ink);border:1px solid #3296d038;border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.btn-open-full-sheet{background-color:var(--color-violet-soft);color:var(--color-violet-ink);cursor:pointer;border:1px solid #565cf647;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:600;transition:background-color .18s,border-color .18s;display:flex}.btn-open-full-sheet:hover{border-color:var(--color-violet);background-color:#e4e7ff}.detail-all-data{padding:1.5rem}.detail-all-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.detail-all-toolbar h3{color:var(--text-main);font-size:1rem;font-weight:700}.detail-all-toolbar p{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.detail-all-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.toggle-empty-fields{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.toggle-empty-fields input{accent-color:var(--color-violet)}.btn-copy-all{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background-color:#fff;border-radius:7px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.78rem;font-weight:600;transition:background-color .18s,border-color .18s,color .18s;display:flex}.btn-copy-all:hover{background-color:var(--color-violet-soft);color:var(--color-violet-ink);border-color:#565cf666}.attribute-groups{flex-direction:column;gap:.9rem;display:flex}.attribute-group{border:1px solid var(--border-subtle);background-color:#fff;border-radius:10px;padding:1rem}.attribute-group h4{text-transform:uppercase;letter-spacing:.05em;color:var(--color-violet-ink);border-bottom:1px solid var(--border-subtle);padding-bottom:.55rem;font-size:.76rem;font-weight:700}.attribute-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem .75rem;margin-top:.7rem;display:grid}.attribute-item{background-color:#fbfcfe;border:1px solid #f0f2f7;border-radius:7px;flex-direction:column;gap:.1rem;min-width:0;padding:.4rem .5rem;display:flex}.attribute-item.is-wide{grid-column:1/-1}.attribute-item dt{text-transform:uppercase;letter-spacing:.035em;color:var(--text-muted);font-size:.66rem;font-weight:600}.attribute-item dd{color:var(--text-main);overflow-wrap:anywhere;font-size:.81rem;line-height:1.45}.attribute-item.is-empty dd{color:var(--text-muted)}.attribute-item a{color:var(--color-blue-ink);text-decoration:none}.attribute-item a:hover{text-decoration:underline}.detail-empty-attributes{color:var(--text-muted);flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1rem;font-size:.86rem;display:flex}@media (width<=820px){.modal-card-elevated.product-detail-modal{max-width:96vw}.product-detail-modal .modal-image-showcase{width:100%;min-width:0}.detail-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-all-data,.product-detail-modal .modal-body-layout{padding:1.1rem}.detail-all-toolbar{flex-direction:column}.attribute-grid{grid-template-columns:1fr}}.catalog-wrapper{flex-direction:column;gap:1.15rem;width:100%;display:flex}.results-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:0 .15rem;display:flex}.results-count{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.results-count svg{color:var(--color-blue)}.results-count strong{color:var(--text-main);font-size:1rem;font-weight:700}.results-page{color:var(--text-muted);font-size:.82rem}.results-filter-tag{background-color:var(--color-blue-soft);color:var(--color-blue-ink);border:1px solid #3296d038;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:600}.filter-toolbar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:1rem;padding:1.1rem;display:flex}.toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sku-search-form{flex:1;gap:.55rem;max-width:520px;display:flex}.search-field-wrap{flex:1;align-items:center;display:flex;position:relative}.field-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:13px}.input-primary{background-color:var(--bg-input);border:1px solid var(--border-strong);width:100%;color:var(--text-main);border-radius:8px;padding:.62rem 2.2rem .62rem 2.4rem;font-size:.88rem;transition:border-color .18s,box-shadow .18s}.input-primary::placeholder,.quick-search-input::placeholder{color:#a3acbb}.input-primary:focus{border-color:var(--color-violet);outline:none;box-shadow:0 0 0 3px #565cf624}.clear-field-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:11px}.clear-field-btn:hover{color:var(--text-main)}.btn-brand{background-color:var(--color-violet);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.62rem 1.15rem;font-size:.86rem;font-weight:600;transition:background-color .18s;display:flex}.btn-brand:hover:not(:disabled){background-color:var(--color-violet-hover)}.btn-brand:disabled{opacity:.6;cursor:not-allowed}.actions-cluster{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.export-menu-wrap{position:relative}.btn-export{background-color:var(--bg-surface);color:var(--color-violet-ink);cursor:pointer;white-space:nowrap;border:1px solid #565cf652;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem .95rem;font-size:.86rem;font-weight:600;transition:background-color .18s,border-color .18s;display:flex}.btn-export:hover:not(:disabled){background-color:var(--color-violet-soft);border-color:var(--color-violet)}.btn-export:disabled{opacity:.6;cursor:not-allowed}.export-caret{transition:transform .18s}.export-caret.open{transform:rotate(180deg)}.export-menu{background-color:var(--bg-surface);border:1px solid var(--border-subtle);min-width:270px;box-shadow:var(--shadow-md);z-index:60;border-radius:10px;padding:.35rem;animation:.14s fadeIn;position:absolute;top:calc(100% + .4rem);right:0}.export-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--color-blue);background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.6rem .7rem;display:flex}.export-menu-item:hover{background-color:var(--color-violet-soft)}.export-menu-item span{flex-direction:column;gap:.1rem;display:flex}.export-menu-item strong{color:var(--text-main);font-size:.84rem;font-weight:600}.export-menu-item small{color:var(--text-muted);font-size:.75rem}.btn-sync{background-color:var(--bg-surface);color:var(--color-teal-ink);cursor:pointer;white-space:nowrap;border:1px solid #0cd8b673;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem .95rem;font-size:.86rem;font-weight:600;transition:background-color .18s,border-color .18s;display:flex}.btn-sync:hover:not(:disabled){background-color:var(--color-teal-soft);border-color:var(--color-teal)}.btn-sync:disabled{opacity:.55;cursor:not-allowed}.btn-filters{background-color:var(--bg-surface);color:var(--color-blue-ink);cursor:pointer;white-space:nowrap;border:1px solid #3296d052;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem .95rem;font-size:.86rem;font-weight:600;transition:background-color .18s,border-color .18s;display:flex}.btn-filters:hover,.btn-filters.active{background-color:var(--color-blue-soft);border-color:var(--color-blue)}.filters-count-badge{background-color:var(--color-blue);color:#fff;border-radius:999px;padding:.05rem .35rem;font-size:.66rem;font-weight:700;line-height:1.4}.view-mode-selector{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:8px;gap:2px;padding:3px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem .6rem;transition:all .15s;display:flex}.mode-btn.active{background-color:var(--bg-surface);color:var(--color-violet-ink);box-shadow:0 1px 3px #1118271f}.mode-btn:hover:not(.active){color:var(--text-main)}.toolbar-bottom{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:.85rem;display:flex}.quick-filter-box{flex:1;align-items:center;min-width:240px;max-width:380px;display:flex;position:relative}.quick-search-icon{color:var(--text-muted);position:absolute;left:12px}.quick-search-input{background-color:var(--bg-input);border:1px solid var(--border-strong);width:100%;color:var(--text-main);border-radius:8px;padding:.45rem .85rem .45rem 2.15rem;font-size:.82rem;transition:border-color .18s,box-shadow .18s}.quick-search-input:focus{border-color:var(--color-blue);outline:none;box-shadow:0 0 0 2px #3296d024}.dropdowns-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dropdown-pill{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:.35rem;padding:.34rem .7rem;display:flex}.dropdown-icon{color:var(--color-blue)}.dropdown-text{color:var(--text-muted);font-size:.78rem}.select-custom{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;font-size:.82rem;font-weight:500}.select-custom option{color:var(--text-main);background-color:#fff}.select-sm{width:48px}.btn-reset-filters{border:1px dashed var(--border-strong);color:var(--color-teal-ink);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.3rem;padding:.34rem .7rem;font-size:.78rem;transition:background-color .18s,border-color .18s;display:flex}.btn-reset-filters:hover{background-color:var(--color-teal-soft);border-color:var(--color-teal)}.advanced-filters{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.85rem;padding-top:1rem;animation:.18s fadeIn;display:flex}.advanced-filters-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.advanced-filters-title h3{color:var(--text-main);font-size:.86rem;font-weight:700}.advanced-filters-title p{color:var(--text-muted);margin-top:.1rem;font-size:.74rem}.advanced-filters-legend{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.85rem;font-size:.72rem;display:flex}.filters-loading-dot{background-color:var(--color-teal);border-radius:50%;width:7px;height:7px;animation:1.3s ease-out infinite filtersPulse;box-shadow:0 0 #0cd8b673}@keyframes filtersPulse{0%{box-shadow:0 0 #0cd8b673}70%{box-shadow:0 0 0 7px #0cd8b600}to{box-shadow:0 0 #0cd8b600}}.filter-fields-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.65rem .8rem;display:grid}.filter-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.filter-field>span{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.68rem;font-weight:600}.filter-field select,.filter-field input{background-color:var(--bg-input);border:1px solid var(--border-strong);width:100%;color:var(--text-main);border-radius:7px;outline:none;padding:.45rem .55rem;font-size:.8rem;transition:border-color .18s,box-shadow .18s}.filter-field select:focus,.filter-field input:focus{border-color:var(--color-blue);box-shadow:0 0 0 2px #3296d024}.filter-field select:disabled,.filter-field input:disabled{opacity:.55;cursor:not-allowed}.active-filters-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:.35rem;padding-top:.85rem;display:flex}.active-filter-chip{background-color:var(--color-violet-soft);color:var(--color-violet-ink);border:1px solid #565cf63d;border-radius:999px;align-items:center;gap:.25rem;max-width:100%;padding:.18rem .35rem .18rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex}.active-filter-chip>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-filter-chip button{color:inherit;cursor:pointer;opacity:.75;background:0 0;border:none;align-items:center;padding:1px;display:flex}.active-filter-chip button:hover{opacity:1}.refresh-bar{background-color:#eef1f6;border-radius:999px;width:100%;height:3px;overflow:hidden}.refresh-bar span{background:linear-gradient(90deg, var(--color-violet), var(--color-blue), var(--color-teal));border-radius:999px;width:34%;height:100%;animation:1.1s ease-in-out infinite loadingBar;display:block}.is-refreshing{opacity:.55;pointer-events:none;transition:opacity .15s}.banner-alert{border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.86rem;animation:.2s fadeIn;display:flex}.banner-alert .alert-content{align-items:center;gap:.65rem;display:flex}.banner-success{background-color:var(--color-teal-soft);color:var(--color-teal-ink);border:1px solid #0cd8b680}.banner-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}.banner-error strong{color:#b91c1c;margin-bottom:.1rem;display:block}.btn-retry-banner{color:#fff;cursor:pointer;white-space:nowrap;background-color:#dc2626;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.78rem;font-weight:600;display:flex}.btn-retry-banner:hover{background-color:#b91c1c}.alert-close{color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.loading-container{flex-direction:column;gap:1.15rem;display:flex}.loading-bar{background-color:#eef1f6;border-radius:999px;width:100%;height:3px;overflow:hidden}.loading-bar span{background:linear-gradient(90deg, var(--color-violet), var(--color-blue), var(--color-teal));border-radius:999px;width:38%;height:100%;animation:1.2s ease-in-out infinite loadingBar;display:block}@keyframes loadingBar{0%{transform:translate(-110%)}to{transform:translate(300%)}}.loading-status{background-color:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.loading-spinner{border:2px solid #565cf62e;border-top-color:var(--color-violet);border-right-color:var(--color-teal);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin}.loading-status-text{flex-direction:column;gap:.05rem;display:flex}.loading-status-text strong{color:var(--text-main);font-size:.86rem;font-weight:600}.loading-status-text span{color:var(--text-muted);font-size:.76rem}.loading-page{color:var(--text-muted);background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:999px;margin-left:auto;padding:.2rem .5rem;font-size:.74rem}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.15rem;display:grid}.skeleton-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;animation:.35s both skeletonIn;overflow:hidden}.skeleton-img{background-color:#eef1f6;height:185px}.skeleton-body{flex-direction:column;gap:.55rem;padding:1rem;display:flex}.skeleton-top-row{justify-content:space-between;gap:.5rem;display:flex}.skeleton-chip{background-color:#eef1f6;border-radius:5px;width:34%;height:18px;display:block}.skeleton-chip-wide{width:46%}.skeleton-tag{background-color:#eef1f6;border-radius:4px;width:26%;height:16px;display:block}.skeleton-tag-wide{width:38%}.skeleton-meta-row{gap:.4rem;margin-top:.15rem;display:flex}.skeleton-line{background-color:#eef1f6;border-radius:4px;height:12px;display:block}.skeleton-line-lg{height:17px}.skeleton-price-box{background-color:#f7f9fc;border:1px solid #edf0f5;border-radius:8px;justify-content:space-between;gap:1rem;margin-top:.35rem;padding:.6rem .75rem;display:flex}.skeleton-price-col{flex-direction:column;flex:1;gap:.4rem;display:flex}.skeleton-footer{border-top:1px solid #f0f2f7;justify-content:space-between;align-items:center;gap:1rem;margin-top:.1rem;padding-top:.55rem;display:flex}.skeleton-table-card{overflow-x:auto}.skeleton-table-head{border-bottom:1px solid var(--border-subtle);background-color:#f7f9fc;min-width:940px;height:44px}.skeleton-table-row{border-bottom:1px solid #f2f4f8;grid-template-columns:42px 120px 1.6fr 1fr 1.2fr 100px 90px 70px;align-items:center;gap:1rem;min-width:940px;padding:.8rem 1rem;animation:.35s both skeletonIn;display:grid}.skeleton-thumb{background-color:#eef1f6;border-radius:7px;width:42px;height:42px;display:block}@keyframes skeletonIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.w-85{width:85%}.w-75{width:75%}.w-70{width:70%}.w-60{width:60%}.w-50{width:50%}.w-40{width:40%}.w-30{width:30%}.shimmer{background:linear-gradient(90deg,#eef1f6 0%,#f8fafc 50%,#eef1f6 100%) 0 0/200% 100%;animation:1.5s infinite shimmerAnim}@keyframes shimmerAnim{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:.9s linear infinite spin}.products-grid-showcase{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;display:grid}.product-card-v2{background-color:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.product-card-v2:hover{box-shadow:var(--shadow-md);border-color:#565cf666;transform:translateY(-3px)}.card-media{background-color:#f7f9fc;border-bottom:1px solid #f0f2f7;justify-content:center;align-items:center;width:100%;height:205px;display:flex;position:relative;overflow:hidden}.product-photo{object-fit:contain;width:100%;height:100%;padding:1rem;transition:transform .3s}.product-card-v2:hover .product-photo{transform:scale(1.04)}.no-photo-badge{color:var(--text-muted);flex-direction:column;align-items:center;gap:.4rem;font-size:.78rem;display:flex}.media-overlay-actions{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#ffffffb8;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.product-card-v2:hover .media-overlay-actions{opacity:1}.quick-view-btn{background-color:var(--color-violet);color:#fff;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;transition:transform .2s,background-color .2s;display:flex;transform:translateY(6px)}.quick-view-btn:hover{background-color:var(--color-violet-hover)}.product-card-v2:hover .quick-view-btn{transform:translateY(0)}.badge-sku-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2;background-color:#fffffff0;border:1px solid #565cf647;border-radius:6px;align-items:center;gap:.35rem;padding:.18rem .45rem;display:flex;position:absolute;top:9px;left:9px}.sku-text{color:var(--color-violet-ink);font-family:ui-monospace,Consolas,monospace;font-size:.72rem;font-weight:700}.sku-copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:1px;display:flex}.sku-copy-btn:hover{color:var(--color-teal-ink)}.family-floating-badge{color:var(--color-blue-ink);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;z-index:2;background-color:#eaf5fbf2;border:1px solid #3296d04d;border-radius:9999px;max-width:125px;padding:.18rem .5rem;font-size:.66rem;font-weight:600;position:absolute;top:9px;right:9px;overflow:hidden}.card-content{flex-direction:column;flex:1;padding:1rem;display:flex}.item-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5rem;margin-bottom:.15rem;font-size:.92rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.item-en-subtitle{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:.65rem;font-size:.76rem;display:-webkit-box;overflow:hidden}.meta-pills-row{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.85rem;display:flex}.ean-chip{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:.3rem;padding:.12rem .4rem;font-size:.7rem;display:flex}.ean-chip:hover{color:var(--color-blue-ink);border-color:#3296d066}.subfam-chip{background-color:var(--color-blue-soft);color:var(--color-blue-ink);border:1px solid #3296d033;border-radius:4px;padding:.12rem .4rem;font-size:.68rem}.stock-chip{border:1px solid #0000;border-radius:4px;padding:.12rem .4rem;font-size:.68rem;font-weight:700}.stock-chip.in-stock{background-color:var(--color-teal-soft);color:var(--color-teal-ink);border-color:#0cd8b659}.stock-chip.no-stock{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.pricing-showcase{background-color:#f7f9fc;border:1px solid #edf0f5;border-radius:8px;justify-content:space-between;align-items:center;margin-top:auto;margin-bottom:.75rem;padding:.6rem .75rem;display:flex}.price-block{flex-direction:column;display:flex}.price-divider{background-color:var(--border-subtle);width:1px;height:26px}.price-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;font-size:.64rem;font-weight:600}.price-amount{font-size:1rem;font-weight:800}.violet-gradient-text{color:var(--color-violet-ink)}.teal-text{color:var(--color-teal-ink)}.card-footer-strip{border-top:1px solid #f0f2f7;justify-content:space-between;align-items:center;padding-top:.6rem;display:flex}.margin-pill{background-color:var(--color-teal-soft);color:var(--color-teal-ink);border:1px solid #0cd8b666;border-radius:9999px;align-items:center;gap:.25rem;padding:.12rem .45rem;font-size:.7rem;font-weight:700;display:flex}.min-unit-text{color:var(--text-muted);font-size:.72rem}.min-unit-text strong{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-xs{font-size:.72rem}.table-wrapper-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.custom-data-table{border-collapse:collapse;width:100%;font-size:.84rem}.custom-data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;background-color:#f7f9fc;padding:.8rem 1rem;font-size:.7rem}.custom-data-table td{vertical-align:middle;color:var(--text-secondary);border-bottom:1px solid #f2f4f8;padding:.8rem 1rem}.table-row-hover{cursor:pointer;transition:background-color .15s}.table-row-hover:hover{background-color:#565cf60a}.table-thumbnail-wrap{border:1px solid var(--border-subtle);background-color:#f7f9fc;border-radius:7px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.table-thumb-img{object-fit:contain;width:100%;height:100%}.table-thumb-fallback{color:var(--text-muted)}.table-sku-code{color:var(--color-violet-ink);font-family:ui-monospace,Consolas,monospace;font-size:.8rem;font-weight:700}.table-title-cell{flex-direction:column;gap:.15rem;max-width:280px;display:flex}.table-title-cell strong{color:var(--text-main);font-weight:600}.table-title-cell span{color:var(--text-muted);font-size:.73rem}.table-ean-cell{background-color:var(--bg-subtle);color:var(--text-secondary);border-radius:4px;padding:.18rem .4rem;font-family:monospace;font-size:.76rem}.table-family-cell{flex-direction:column;gap:.15rem;display:flex}.fam-badge{color:var(--color-blue-ink);font-size:.76rem;font-weight:600}.subfam-text{color:var(--text-muted);font-size:.7rem}.table-tariff-price{color:var(--color-violet-ink);white-space:nowrap;font-weight:700}.table-pvr-price{color:var(--color-teal-ink);white-space:nowrap;font-weight:700}.table-margin-badge{background-color:var(--color-teal-soft);color:var(--color-teal-ink);white-space:nowrap;border:1px solid #0cd8b666;border-radius:9999px;padding:.16rem .45rem;font-size:.72rem;font-weight:700}.table-stock-badge{white-space:nowrap;border:1px solid #0000;border-radius:9999px;padding:.16rem .45rem;font-size:.72rem;font-weight:700}.table-stock-badge.in-stock{background-color:var(--color-teal-soft);color:var(--color-teal-ink);border-color:#0cd8b666}.table-stock-badge.no-stock{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.table-inspect-btn{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:.3rem .45rem;display:flex}.table-inspect-btn:hover{border-color:var(--color-violet);color:var(--color-violet-ink)}.pagination-dock{background-color:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-top:.25rem;padding:.75rem 1rem;display:flex}.pagination-info{color:var(--text-muted);font-size:.82rem}.pagination-info strong{color:var(--text-main)}.pagination-buttons{align-items:center;gap:.4rem;display:flex}.page-nav-btn{background-color:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:7px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:all .18s;display:flex}.page-nav-btn:hover:not(:disabled){background-color:var(--color-violet-soft);color:var(--color-violet-ink);border-color:#565cf666}.page-nav-btn:disabled{opacity:.45;cursor:not-allowed}.page-indicator-pill{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:7px;align-items:center;gap:.3rem;padding:.4rem .75rem;font-size:.82rem;display:flex}.page-number-current{color:var(--color-violet-ink);font-weight:800}.page-divider{color:var(--text-muted)}.page-number-total{color:var(--text-secondary);font-weight:600}.export-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1118276b;justify-content:center;align-items:center;padding:1.5rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.export-dialog{background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;border-radius:16px;padding:1.75rem;animation:.2s scaleUp}.export-icon-wrap{background-color:var(--color-violet-soft);width:56px;height:56px;color:var(--color-violet-ink);border-radius:14px;justify-content:center;align-items:center;margin:0 auto .9rem;display:flex;position:relative}.export-options-dialog{text-align:left;max-width:480px}.export-options-dialog .export-icon-wrap{margin:0 0 .9rem}.export-option-group{flex-direction:column;gap:.5rem;margin:1rem 0 .7rem;display:flex}.export-option{border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;transition:background-color .18s,border-color .18s;display:flex}.export-option.selected{border-color:var(--color-violet);background-color:var(--color-violet-soft)}.export-option input{accent-color:var(--color-violet);flex-shrink:0;margin-top:.2rem}.export-option span{flex-direction:column;gap:.1rem;display:flex}.export-option strong{color:var(--text-main);font-size:.84rem;font-weight:600}.export-option small{color:var(--text-muted);font-size:.74rem;line-height:1.4}.export-checkbox{border:1px solid var(--border-subtle);cursor:pointer;border-radius:10px;align-items:flex-start;gap:.6rem;padding:.7rem .8rem;display:flex}.export-checkbox input{accent-color:var(--color-violet);flex-shrink:0;margin-top:.2rem}.export-checkbox span{flex-direction:column;gap:.1rem;display:flex}.export-checkbox strong{color:var(--text-main);font-size:.84rem;font-weight:600}.export-checkbox small{color:var(--text-muted);font-size:.74rem;line-height:1.4}.export-warning{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:.4rem;margin-top:.75rem;padding:.6rem .7rem;font-size:.76rem;line-height:1.4;display:flex}.export-warning svg{flex-shrink:0;margin-top:1px}.export-options-actions{justify-content:flex-end;gap:.5rem;margin-top:1.1rem;display:flex}.export-options-actions .btn-export-cancel{margin-top:0}.export-options-actions .btn-brand{padding:.55rem 1.1rem;font-size:.84rem}.export-icon-wrap.phase-building{background-color:var(--color-blue-soft);color:var(--color-blue-ink)}.export-icon-wrap.phase-done{background-color:var(--color-teal-soft);color:var(--color-teal-ink)}.export-ring{border:2px solid #0000;border-top-color:var(--color-violet);border-right-color:var(--color-teal);border-radius:18px;animation:1.1s linear infinite spin;position:absolute;inset:-5px}.export-icon-wrap.phase-done .export-ring{display:none}.export-dialog h3{color:var(--text-main);font-size:1.08rem;font-weight:700}.export-message{min-height:1.2em;color:var(--text-muted);margin-top:.25rem;font-size:.82rem}.export-progress{background-color:#eef1f6;border-radius:999px;height:8px;margin:1.15rem 0 .55rem;overflow:hidden}.export-progress-fill{background:linear-gradient(90deg, var(--color-violet), var(--color-blue), var(--color-teal));border-radius:999px;height:100%;transition:width .35s}.export-progress-fill.is-indeterminate{animation:1.15s ease-in-out infinite exportIndeterminate;width:38%!important}@keyframes exportIndeterminate{0%{margin-left:-40%}to{margin-left:105%}}.export-progress-meta{color:var(--text-muted);justify-content:space-between;gap:1rem;font-size:.76rem;display:flex}.export-progress-meta strong{color:var(--text-secondary);white-space:nowrap;font-weight:600}.export-steps{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:1.15rem 0 .35rem;display:flex}.export-step{color:var(--text-muted);align-items:center;gap:.3rem;font-size:.74rem;display:flex}.export-step-dot{border:1px solid var(--border-strong);width:17px;height:17px;color:var(--text-muted);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex}.export-step.active{color:var(--color-violet-ink);font-weight:600}.export-step.active .export-step-dot{border-color:var(--color-violet);background-color:var(--color-violet-soft);color:var(--color-violet-ink)}.export-step.completed{color:var(--color-teal-ink)}.export-step.completed .export-step-dot{border-color:var(--color-teal);background-color:var(--color-teal-soft);color:var(--color-teal-ink)}.btn-export-cancel{border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;margin-top:1rem;padding:.45rem 1rem;font-size:.8rem;font-weight:500;transition:all .18s}.btn-export-cancel:hover{color:#b91c1c;background-color:#fef2f2;border-color:#fca5a5}.modal-backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#11182773;justify-content:center;align-items:center;padding:1.5rem;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-card-elevated{background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;max-width:760px;box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;animation:.2s scaleUp;display:flex;overflow:hidden}.modal-top-bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-badge-group{align-items:center;gap:.55rem;display:flex}.modal-sku-tag{background-color:var(--color-violet-soft);color:var(--color-violet-ink);border:1px solid #565cf64d;border-radius:6px;padding:.22rem .55rem;font-family:monospace;font-size:.82rem;font-weight:700}.modal-family-tag{background-color:var(--color-blue-soft);color:var(--color-blue-ink);text-transform:uppercase;border:1px solid #3296d04d;border-radius:9999px;padding:.22rem .55rem;font-size:.72rem;font-weight:600}.modal-close-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.modal-close-icon:hover{color:var(--text-main)}.modal-body-layout{gap:1.75rem;max-height:72vh;padding:1.75rem 1.5rem;display:flex;overflow-y:auto}.modal-image-showcase{flex-direction:column;align-items:center;gap:.75rem;width:230px;min-width:230px;display:flex}.modal-full-img{object-fit:contain;border:1px solid var(--border-subtle);background-color:#f7f9fc;border-radius:12px;width:100%;height:230px;padding:.9rem}.modal-image-placeholder{border:1px solid var(--border-subtle);width:100%;height:230px;color:var(--text-muted);background-color:#f7f9fc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;font-size:.82rem;display:flex}.open-original-link{color:var(--color-blue-ink);align-items:center;gap:.3rem;font-size:.75rem;text-decoration:none;display:flex}.open-original-link:hover{text-decoration:underline}.modal-details-column{flex-direction:column;flex:1;gap:.9rem;min-width:0;display:flex}.modal-product-title{color:var(--text-main);font-size:1.2rem;font-weight:700;line-height:1.3}.modal-product-subtitle{color:var(--text-muted);font-size:.84rem;font-weight:400}.modal-price-card{border:1px solid var(--border-subtle);background-color:#f7f9fc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;padding:.9rem 1.1rem;display:flex}.modal-price-subblock{flex-direction:column;display:flex}.modal-price-subblock .label{text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:600}.modal-price-subblock .value{font-size:1.25rem;font-weight:800}.violet-text{color:var(--color-violet-ink)}.modal-price-divider{background-color:var(--border-subtle);width:1px;height:32px}.modal-margin-badge{background-color:var(--color-teal-soft);color:var(--color-teal-ink);border:1px solid #0cd8b680;border-radius:9999px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.78rem;font-weight:700;display:flex}.specs-list{flex-direction:column;gap:.55rem;display:flex}.spec-item{border-bottom:1px solid #f2f4f8;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.45rem;font-size:.85rem;display:flex}.spec-key{color:var(--text-muted)}.spec-val{color:var(--text-main);text-align:right;font-weight:600}.spec-val-copy{align-items:center;gap:.45rem;display:flex}.spec-val-copy code{background-color:var(--bg-subtle);color:var(--color-blue-ink);border-radius:4px;padding:.18rem .45rem;font-family:monospace}.btn-copy-mini{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;padding:3px 5px;display:flex}.btn-copy-mini:hover{border-color:var(--color-teal);color:var(--color-teal-ink)}.modal-bottom-actions{border-top:1px solid var(--border-subtle);background-color:#fbfcfe;justify-content:flex-end;padding:.9rem 1.5rem;display:flex}.btn-modal-close{background-color:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.55rem 1.35rem;font-size:.86rem;font-weight:600;transition:all .18s}.btn-modal-close:hover{background-color:var(--color-violet-soft);color:var(--color-violet-ink);border-color:#565cf666}.empty-catalog-state{text-align:center;background-color:var(--bg-surface);border:1px dashed var(--border-strong);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:4rem 1rem;display:flex}.empty-icon{color:#b6bfcd}.empty-catalog-state h3{color:var(--text-main);font-size:1.1rem;font-weight:700}.empty-catalog-state p{color:var(--text-muted);max-width:400px;font-size:.88rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.sku-search-form{width:100%;max-width:none}.actions-cluster{width:100%}}@media (width<=680px){.results-bar{flex-direction:column;align-items:flex-start;gap:.25rem}.toolbar-bottom{flex-direction:column;align-items:stretch}.quick-filter-box{max-width:none}.modal-body-layout{flex-direction:column;gap:1.1rem}.modal-image-showcase{width:100%;min-width:0}.pagination-dock{flex-direction:column;align-items:flex-start}.pagination-buttons{flex-wrap:wrap}.export-menu{min-width:240px;left:0;right:auto}}@media (prefers-reduced-motion:reduce){.shimmer,.animate-spin,.loading-spinner,.loading-bar span,.export-ring,.export-progress-fill.is-indeterminate,.skeleton-card,.skeleton-table-row{animation:none!important}.export-progress-fill{transition:none}}.login-page{background-color:var(--bg-app);background-image:radial-gradient(60% 45% at 15% 0,#565cf61a,#0000),radial-gradient(55% 40% at 90% 100%,#0cd8b617,#0000);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.login-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;max-width:400px;box-shadow:var(--shadow-md);text-align:center;border-radius:16px;padding:2rem}.login-logo{object-fit:contain;width:64px;height:64px;margin:0 auto .75rem;display:block}.login-card h1{color:var(--text-main);font-size:1.2rem;font-weight:700}.login-card>p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.8rem}.login-form{text-align:left;flex-direction:column;gap:1rem;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-field label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-field-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.login-input-wrap input{background-color:var(--bg-input);border:1px solid var(--border-strong);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:.65rem 2.4rem;font-size:.9rem;transition:border-color .18s,box-shadow .18s}.login-input-wrap input::placeholder{color:#a3acbb}.login-input-wrap input:focus{border-color:var(--color-violet);box-shadow:0 0 0 3px #565cf624}.login-password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:10px}.login-password-toggle:hover{color:var(--text-main)}.login-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:.4rem;padding:.6rem .75rem;font-size:.8rem;line-height:1.4;display:flex}.login-error svg{flex-shrink:0;margin-top:1px}.login-submit{background-color:var(--color-violet);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;margin-top:.25rem;padding:.7rem 1rem;font-size:.9rem;font-weight:600;transition:background-color .18s;display:flex}.login-submit:hover:not(:disabled){background-color:var(--color-violet-hover)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-spin{animation:.9s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-footer{color:var(--text-muted);margin-top:1.5rem;font-size:.72rem;display:block}.app-shell{background-color:var(--bg-app);min-height:100vh;color:var(--text-main);flex-direction:column;display:flex}.app-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle);background-color:#ffffffeb;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;padding:.85rem 2rem;display:flex}.brand-group{align-items:center;gap:.85rem;display:flex}.brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-titles{flex-direction:column;line-height:1.25;display:flex}.brand-titles h1{letter-spacing:-.01em;color:var(--text-main);font-size:1.12rem;font-weight:700}.brand-titles p{color:var(--text-muted);font-size:.78rem}.header-controls{align-items:center;gap:.6rem;display:flex}.user-chip{background-color:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:.4rem;padding:.28rem .7rem .28rem .32rem;display:flex}.user-avatar{background-color:var(--color-violet-soft);width:24px;height:24px;color:var(--color-violet-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-name{color:var(--text-secondary);font-size:.8rem;font-weight:600}.btn-logout{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background-color:#fff;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.8rem;font-weight:600;transition:background-color .18s,border-color .18s,color .18s;display:flex}.btn-logout:hover{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.app-main-content{box-sizing:border-box;flex:1;width:100%;max-width:1400px;margin:0 auto;padding:1.75rem 2rem 3rem}@media (width<=768px){.header-container{flex-direction:column;align-items:flex-start;padding:.75rem 1rem}.header-controls{justify-content:space-between;width:100%}.app-main-content{padding:1.25rem 1rem 2rem}}