:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-blue:#0052cc;--brand-blue-dark:#003d99;--brand-blue-mid:#0065ff;--brand-blue-light:#ebf2ff;--brand-yellow:#ffab00;--brand-yellow-dark:#e69c00;--brand-yellow-light:#fff7e6;--primary:#0052cc;--primary-hover:#003d99;--secondary:#00b8d9;--success:#00875a;--success-bg:#e3fcef;--warning:#ff8b00;--warning-bg:#fffae6;--danger:#de350b;--danger-bg:#ffebe6;--purple:#6554c0;--purple-bg:#eae6ff;--bg-page:#f0f2f5;--bg-surface:#fff;--bg-surface-2:#f7f8fa;--bg-header:#0052cc;--bg-nav:#003d99;--bg-footer:#091e42;--text-primary:#172b4d;--text-secondary:#44546f;--text-muted:#8993a4;--text-white:#fff;--border:#dfe1e6;--border-focus:#0052cc;--shadow-xs:0 1px 2px #091e4214;--shadow-sm:0 1px 4px #091e421f, 0 0 1px #091e4214;--shadow-md:0 4px 12px #091e4226, 0 0 2px #091e4214;--shadow-lg:0 8px 24px #091e4226, 0 0 2px #091e421a;--shadow-xl:0 20px 48px #091e4238, 0 0 4px #091e421a;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-full:9999px;--t-fast:.15s cubic-bezier(.4,0,.2,1);--t-base:.25s cubic-bezier(.4,0,.2,1);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Be Vietnam Pro,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:var(--bg-page);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:0;font-weight:700;line-height:1.3}p{margin:0}a{color:var(--primary);text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#c1c7d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand-blue)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base), transform var(--t-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-flat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg)}input,select,textarea{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;width:100%;padding:9px 13px;font-family:inherit;font-size:.875rem}input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #0052cc26}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{color:var(--text-secondary);margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.btn{border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 14px #0052cc59}.btn-yellow{background:var(--brand-yellow);color:var(--text-primary);font-weight:700}.btn-yellow:hover{background:var(--brand-yellow-dark);transform:translateY(-1px);box-shadow:0 4px 14px #ffab0066}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--brand-blue-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-page);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#bf2600;box-shadow:0 4px 12px #de350b59}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#064}.btn-sm{border-radius:var(--r-md);padding:6px 12px;font-size:.8rem}.btn-lg{padding:13px 26px;font-size:.95rem}.btn-xl{padding:15px 32px;font-size:1rem;font-weight:700}.btn-icon{border-radius:var(--r-md);cursor:pointer;color:var(--text-muted);transition:all var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:7px;display:inline-flex}.btn-icon:hover{background:var(--bg-page);color:var(--primary)}.badge{border-radius:var(--r-full);letter-spacing:.03em;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-blue{background:var(--brand-blue-light);color:var(--brand-blue)}.badge-green{background:var(--success-bg);color:var(--success)}.badge-yellow{background:var(--brand-yellow-light);color:var(--warning)}.badge-red{background:var(--danger-bg);color:var(--danger)}.badge-gray{background:var(--bg-surface-2);color:var(--text-secondary);border:1px solid var(--border)}.badge-purple{background:var(--purple-bg);color:var(--purple)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.35s ease-out both fadeInUp}.animate-fade{animation:.3s ease-out both fadeIn}.animate-slide{animation:.3s ease-out both slideRight}.animate-slide-up{animation:.3s ease-out both slideUp}.animate-pulse{animation:2s infinite pulse}.animate-spin-slow{animation:8s linear infinite spin}.animate-spin{animation:.6s linear infinite spin}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap-1{align-items:center;gap:4px;display:flex}.flex-gap-2{align-items:center;gap:8px;display:flex}.flex-gap-3{align-items:center;gap:12px;display:flex}.flex-gap-4{align-items:center;gap:16px;display:flex}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;display:grid}.grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.toast{z-index:9999;border-radius:var(--r-lg);box-shadow:var(--shadow-xl);pointer-events:none;align-items:center;gap:10px;max-width:380px;padding:13px 20px;font-size:.88rem;font-weight:600;animation:.3s ease-out slideRight;display:flex;position:fixed;top:20px;right:20px}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-nav-item{border-radius:var(--r-md);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.875rem;font-weight:500;display:flex}.sidebar-nav-item:hover{background:var(--bg-page);color:var(--primary)}.sidebar-nav-item.active{background:var(--brand-blue-light);color:var(--primary);font-weight:700}.cat-btn{border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);border:1.5px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.cat-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--brand-blue-light)}.cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #0052cc4d}.product-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all var(--t-base);cursor:pointer;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-blue);transform:translateY(-4px)}.product-card-img{object-fit:cover;background:var(--bg-surface-2);width:100%;height:190px;transition:transform .4s;display:block}.product-card:hover .product-card-img{transform:scale(1.04)}.product-card-body{padding:14px 16px 16px}.product-price{color:var(--danger);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.product-price-original{color:var(--text-muted);margin-left:4px;font-size:.78rem;text-decoration:line-through}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px;position:relative;overflow:hidden}.kpi-card:before{content:"";border-radius:var(--r-sm) 0 0 var(--r-sm);width:4px;height:100%;position:absolute;top:0;left:0}.kpi-blue:before{background:var(--brand-blue)}.kpi-green:before{background:var(--success)}.kpi-yellow:before{background:var(--brand-yellow)}.kpi-red:before{background:var(--danger)}.kpi-purple:before{background:var(--purple)}.kpi-value{letter-spacing:-.04em;margin:8px 0 4px;font-size:1.7rem;font-weight:800;line-height:1}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.72rem;font-weight:700}.kpi-sub{color:var(--text-secondary);margin-top:3px;font-size:.78rem}.section-heading{color:var(--text-primary);border-bottom:2px solid var(--border);align-items:center;gap:8px;margin:0 0 20px;padding-bottom:12px;font-size:1.2rem;font-weight:800;display:flex}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table thead tr{background:var(--bg-surface-2)}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:.72rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:12px 14px}.data-table tbody tr:hover{background:var(--bg-surface-2)}.data-table tbody tr:last-child td{border-bottom:none}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091e428c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);flex-direction:column;max-height:90vh;animation:.28s ease-out slideUp;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-surface-2);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:800}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--bg-surface-2);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state svg{opacity:.3;margin-bottom:14px}.empty-state p{font-size:.9rem}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.form-field{flex-direction:column;gap:5px;display:flex}.form-row{gap:12px;display:grid}.form-row-2{grid-template-columns:1fr 1fr}.form-row-3{grid-template-columns:1fr 1fr 1fr}.header-nav-btn{cursor:pointer;color:#fffc;height:100%;transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:.82rem;font-weight:500;display:flex;position:relative}.header-nav-btn:hover{color:#fff;background:#ffffff12}.header-nav-btn.active{color:#fff;border-bottom-color:var(--brand-yellow);background:#ffffff1a;font-weight:700}.hero-banner{border-radius:var(--r-xl);background:#091e42;margin-bottom:28px;position:relative;overflow:hidden;box-shadow:0 10px 40px #091e4240}.hero-banner-slider{width:100%;position:relative;overflow:hidden}.hero-slide{grid-template-columns:1fr 450px;min-height:420px;display:grid;position:relative;overflow:hidden}.hero-slide-deco-green{z-index:1;background:linear-gradient(120deg,#22c55e 30%,#15803d 100%);width:500px;height:100%;position:absolute;top:0;right:-80px;transform:skew(-25deg)}.hero-slide-deco-orange{z-index:2;opacity:.85;background:linear-gradient(to top right,#f97316,#ea580c);border-radius:50%;width:400px;height:250px;position:absolute;bottom:-100px;right:-50px}.hero-slide-deco-grid{z-index:0;pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 0),radial-gradient(#ffffff0a 2px,#0000 0);background-size:24px 24px,48px 48px;position:absolute;inset:0}.hero-slide-deco-circle{z-index:0;pointer-events:none;border:1.5px dashed #ffffff1f;border-radius:50%;width:320px;height:320px;animation:30s linear infinite spin;position:absolute;top:10%;left:35%}.hero-slide-deco-circle-inner{z-index:0;pointer-events:none;border:1px solid #ffffff0d;border-radius:50%;width:240px;height:240px;position:absolute;top:calc(10% + 40px);left:calc(35% + 40px)}.hero-slide-content{z-index:10;flex-direction:column;justify-content:center;padding:40px 48px;display:flex;position:relative}.hero-slide-showcase{z-index:10;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.hero-showcase-img{object-fit:contain;filter:drop-shadow(0 15px 30px #00000073);z-index:12;width:100%;max-width:480px;height:auto;transition:transform .4s}.hero-showcase-img:hover{transform:translateY(-8px)scale(1.02)}.banner-logo{align-items:center;gap:8px;margin-bottom:16px;display:flex}.promo-boxes{gap:12px;margin-bottom:24px;display:flex}.promo-box{border-radius:var(--r-md);color:#fff;text-align:center;border:1px solid #ffffff1f;flex-direction:column;flex:1;justify-content:center;max-width:135px;padding:10px 8px;display:flex;box-shadow:0 4px 10px #0003}.promo-box-red{background:linear-gradient(#e53935 0%,#b71c1c 100%)}.promo-box-orange{background:linear-gradient(#fb8c00 0%,#ef6c00 100%)}.promo-box-darkred{background:linear-gradient(#c62828 0%,#8e0000 100%)}.promo-box-label{opacity:.95;text-transform:uppercase;white-space:nowrap;margin-bottom:2px;font-size:.72rem;font-weight:700}.promo-box-value{font-size:1.45rem;font-weight:900;line-height:1.1}.promo-box-desc{opacity:.9;font-size:.65rem;line-height:1.2}.quality-badges{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.quality-badge-item{color:#ffffffe6;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.quality-badge-icon{font-size:14px}.hotline-pill{border-radius:var(--r-full);color:#fff;transition:all var(--t-fast);white-space:nowrap;background:linear-gradient(90deg,#00875a 0%,#00b8d9 100%);border:2px solid #4ade80;align-items:center;gap:10px;padding:10px 20px;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #00b8d94d}.hotline-pill:hover{border-color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #4ade8080}.slider-arrow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:15;width:40px;height:40px;transition:all var(--t-fast);background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-arrow:hover{background:#ffffff59;border-color:#fff;transform:translateY(-50%)scale(1.08)}.slider-arrow-left{left:16px}.slider-arrow-right{right:16px}.slider-dots{z-index:15;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slider-dot{cursor:pointer;width:9px;height:9px;transition:all var(--t-fast);background:#fff6;border:none;border-radius:50%;padding:0}.slider-dot.active{background:#fff;transform:scale(1.25);box-shadow:0 0 6px #fff}@media (width<=992px){.hero-slide{grid-template-columns:1fr;min-height:auto;padding-bottom:30px}.hero-slide-deco-green{width:100%;height:140px;top:auto;bottom:0;right:0;transform:none}.hero-slide-deco-orange,.hero-slide-deco-circle,.hero-slide-deco-circle-inner{display:none}.hero-slide-content{text-align:center;align-items:center;padding:30px 24px}.banner-logo{justify-content:center}.promo-boxes{justify-content:center;width:100%}.quality-badges{justify-content:center;gap:12px}.hero-slide-showcase{padding:10px 24px 30px}.hero-showcase-img{max-width:320px}}@media (width<=576px){.promo-boxes{gap:8px}.promo-box{max-width:100px;padding:8px 4px}.promo-box-value{font-size:1.15rem}.promo-box-label{font-size:.65rem}.promo-box-desc{font-size:.58rem}.quality-badges{flex-direction:column;align-items:center;gap:6px;margin-bottom:20px}.slider-arrow{display:none}}.view-only-badge{color:#fff;border-radius:var(--r-full);letter-spacing:.05em;background:#ffffff26;padding:4px 12px;font-size:.72rem;font-weight:700}.cart-badge{background:var(--danger);color:#fff;border:2px solid var(--bg-nav);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:3px;right:3px}.product-tag{background:var(--brand-blue-light);color:var(--brand-blue);border-radius:var(--r-full);padding:3px 9px;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px}.star-rating{cursor:pointer;gap:4px;display:flex}.star-rating svg{transition:transform var(--t-fast)}.star-rating svg:hover{transform:scale(1.2)}.portal-layout{grid-template-columns:240px 1fr;align-items:start;gap:24px;display:grid}.portal-sidebar{z-index:10;flex-direction:column;gap:16px;display:flex;position:sticky;top:96px}.hero-banner-grid{grid-template-columns:1fr 380px;min-height:240px;display:grid}.header-nav-container{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;gap:4px;height:100%;display:flex;overflow-x:auto}.header-nav-container::-webkit-scrollbar{display:none}@media (width<=992px){.portal-layout{grid-template-columns:1fr;gap:16px}.portal-sidebar{position:static}.hero-banner-grid{grid-template-columns:1fr;min-height:auto}.hero-banner-features{border-top:1px solid #ffffff1a;border-left:none!important;padding:20px 24px!important}}@media (width<=768px){header>div>div{gap:10px!important;height:64px!important}.header-nav-btn{padding:0 8px!important;font-size:.78rem!important}header input{width:130px!important;padding:6px 12px 6px 28px!important;font-size:.8rem!important}header svg.lucide-search{width:12px!important;height:12px!important;left:8px!important}.hero-banner h1{font-size:1.7rem!important}.hero-banner p{font-size:.82rem!important}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=576px){header input{display:none!important}.grid-auto{grid-template-columns:1fr}}.account-menu-container{cursor:pointer;align-items:center;height:100%;display:flex;position:relative}.account-avatar-btn{border-radius:var(--r-full);transition:background var(--t-fast);color:#fff;background:#ffffff14;align-items:center;gap:8px;padding:6px 12px;display:flex}.account-menu-container:hover .account-avatar-btn{background:#ffffff2e}.avatar-circle{background:var(--brand-yellow);width:32px;height:32px;color:var(--text-primary);border-radius:50%;font-size:.85rem;font-weight:800;box-shadow:0 0 10px #ffab004d}.avatar-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.8rem;font-weight:700;overflow:hidden}.account-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);width:200px;box-shadow:var(--shadow-lg);z-index:1010;flex-direction:column;margin-top:4px;padding:6px 0;animation:.2s ease-out slideUp;display:none;position:absolute;top:100%;right:0}.account-menu-container:hover .account-dropdown-menu{display:flex}.dropdown-item{color:var(--text-primary);text-align:left;cursor:pointer;width:100%;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:.83rem;font-weight:500;display:flex}.dropdown-item:hover{background:var(--brand-blue-light);color:var(--primary)}.dropdown-item.text-danger:hover{background:var(--danger-bg);color:var(--danger)}.dropdown-header{color:var(--text-primary);text-align:left;flex-direction:column;padding:8px 16px;font-size:.8rem;display:flex}.dropdown-role{color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:.68rem;font-weight:600}.dropdown-divider{border:none;border-top:1px solid var(--border);width:100%;margin:4px 0}i.fa-solid,i.fa-regular,i.fa-brands{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.fa-spin{animation:1s linear infinite fa-spin}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow i{animation:6s linear infinite fa-spin}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Be Vietnam Pro,Inter,system-ui,sans-serif;font-weight:700}.font-display{font-family:Be Vietnam Pro,sans-serif;font-weight:800}button,input,select,textarea{font-family:Be Vietnam Pro,Inter,system-ui,sans-serif}.upload-zone{border-radius:var(--r-xl);background:var(--bg-surface-2);cursor:pointer;transition:all var(--t-base);text-align:center;border:2px dashed #c1c7d0;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;min-height:240px;padding:32px 20px;display:flex;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--primary);background:var(--brand-blue-light)}.upload-zone-icon{width:56px;height:56px;color:var(--primary);box-shadow:var(--shadow-sm);transition:transform var(--t-base);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.upload-zone:hover .upload-zone-icon{transform:scale(1.1)}.upload-zone-preview{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;inset:0}.upload-zone-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;color:#fff;opacity:0;transition:opacity var(--t-fast);background:#0006;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex;position:absolute;inset:0}.upload-zone:hover .upload-zone-overlay{opacity:1}.modal-split{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}@media (width<=768px){.modal-split{grid-template-columns:1fr}}