:root{--primary: #0F52BA;--primary-hover: #083D90;--primary-light: #EEF4FD;--primary-glow: rgba(15, 82, 186, .15);--accent-orange: #FF5A36;--accent-orange-light: #FFF0EB;--success: #10B981;--success-light: #ECFDF5;--warning: #F59E0B;--danger: #EF4444;--danger-light: #FEF2F2;--bg-app: #F6F8FC;--surface: #FFFFFF;--surface-alt: #F8FAFC;--surface-glass: rgba(255, 255, 255, .85);--text-main: #0F172A;--text-muted: #64748B;--text-light: #94A3B8;--border-color: #E2E8F0;--border-light: #F1F5F9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 24px -4px rgba(15, 23, 42, .08), 0 4px 8px -2px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 32px -6px rgba(15, 23, 42, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .18s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg-app);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-effect{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;padding:10px 20px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0f52ba40}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--text-main);padding:10px 18px;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--surface-alt);border-color:#cbd5e1;color:var(--primary)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--danger-light);color:var(--danger);padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.2);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:var(--danger);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-pop-in{animation:popIn .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-anim{animation:spin 1s linear infinite}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.products-list{display:flex;flex-direction:column;gap:8px}.product-card-img-box{width:100%;aspect-ratio:1 / 1;position:relative;background-color:#f8fafc;overflow:hidden}@media(max-width:640px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.client-main-container{padding:8px 6px!important}.header-container{padding:10px!important}.header-title{font-size:1.02rem!important}.header-subtitle{font-size:.7rem!important}.product-card{border-radius:8px!important}.product-card-body{padding:6px!important}.product-card-category-tag{font-size:.65rem!important;margin-bottom:2px!important}.product-card-title{font-size:.78rem!important;line-height:1.25!important;margin-bottom:2px!important;font-weight:600!important}.product-card-desc{display:none!important}.product-card-price-row{margin-top:4px!important;padding-top:4px!important}.product-card-price-currency{font-size:.65rem!important}.product-card-price-int{font-size:1.05rem!important;letter-spacing:-.3px!important}.product-card-price-dec{font-size:.68rem!important}.product-card-orig-price{font-size:.62rem!important;margin-left:2px!important}.product-card-unit{font-size:.62rem!important}.product-card-badge{top:4px!important;left:4px!important;font-size:.58rem!important;padding:1px 4px!important;border-radius:3px!important}.product-card-spec-tag{top:4px!important;right:4px!important;font-size:.58rem!important;padding:1px 4px!important;border-radius:3px!important}.category-tab-btn{padding:5px 12px!important;font-size:.78rem!important}}