@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root,:root[data-theme=dark]{--bg-app: #0a0d14;--bg-sidebar: #0f131f;--bg-header: rgba(15, 19, 31, .85);--bg-surface: #141824;--bg-card: #151a27;--bg-card-hover: #1a2030;--bg-card-active: #1d2538;--bg-glass: rgba(20, 24, 36, .7);--border-subtle: rgba(255, 255, 255, .08);--border-card: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .16);--border-focus: #ee4d2d;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverted: #0a0d14;--brand-shopee: #ee4d2d;--brand-shopee-hover: #f05d3f;--brand-shopee-glow: rgba(238, 77, 45, .16);--brand-shopee-dark: #c4381c;--color-whatsapp: #10b981;--color-whatsapp-bg: rgba(16, 185, 129, .15);--color-blue: #3b82f6;--color-blue-bg: rgba(59, 130, 246, .15);--color-purple: #a855f7;--color-purple-bg: rgba(168, 85, 247, .15);--color-pink: #f43f5e;--color-pink-bg: rgba(244, 63, 94, .15);--color-amber: #f59e0b;--color-amber-bg: rgba(245, 158, 11, .15);--color-emerald: #10b981;--color-emerald-bg: rgba(16, 185, 129, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(238, 77, 45, .25);--chart-grid: rgba(255, 255, 255, .05);--chart-axis: #64748b;--chart-tooltip-bg: #1c2233}:root[data-theme=light]{--bg-app: #f4f6fb;--bg-sidebar: #ffffff;--bg-header: rgba(255, 255, 255, .9);--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-card-active: #f1f5f9;--bg-glass: rgba(255, 255, 255, .85);--border-subtle: #e2e8f0;--border-card: #e5e9f2;--border-hover: #cbd5e1;--border-focus: #ee4d2d;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverted: #ffffff;--brand-shopee: #ee4d2d;--brand-shopee-hover: #f05d3f;--brand-shopee-glow: rgba(238, 77, 45, .08);--brand-shopee-dark: #c4381c;--color-whatsapp: #10b981;--color-whatsapp-bg: rgba(16, 185, 129, .12);--color-blue: #2563eb;--color-blue-bg: rgba(37, 99, 235, .1);--color-purple: #9333ea;--color-purple-bg: rgba(147, 51, 234, .1);--color-pink: #e11d48;--color-pink-bg: rgba(225, 29, 72, .1);--color-amber: #d97706;--color-amber-bg: rgba(217, 119, 6, .12);--color-emerald: #059669;--color-emerald-bg: rgba(5, 150, 105, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 20px rgba(15, 23, 42, .08);--shadow-glow: 0 0 20px rgba(238, 77, 45, .15);--chart-grid: #e2e8f0;--chart-axis: #94a3b8;--chart-tooltip-bg: #0f172a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;min-height:100vh;line-height:1.5;transition:background-color .25s ease,color .25s ease;overflow-x:hidden}.app-layout{display:flex;min-height:100vh;width:100%}.app-sidebar{width:250px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:all .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;scrollbar-width:thin}.sidebar-header{padding:1.5rem 1.25rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-subtle)}.sidebar-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,#ee4d2d,#ff6b4a);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #ee4d2d59;flex-shrink:0}.sidebar-logo-text{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.sidebar-nav{padding:1.25rem .75rem;display:flex;flex-direction:column;gap:.35rem;flex:1}.sidebar-item{display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem;border-radius:10px;color:var(--text-secondary);font-size:.88rem;font-weight:600;text-decoration:none;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .18s ease;width:100%;text-align:left}.sidebar-item:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--brand-shopee-glow);color:var(--brand-shopee);border-color:#ee4d2d40;font-weight:700}.sidebar-item .item-badge{margin-left:auto;font-size:.72rem;padding:.15rem .5rem;border-radius:9999px;background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle)}.sidebar-item.active .item-badge{background:#ee4d2d33;color:var(--brand-shopee);border-color:#ee4d2d4d}.sidebar-footer{padding:1rem .85rem 1.25rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem}.plan-card{padding:1rem;background:linear-gradient(145deg,#ee4d2d14,#f59e0b0d);border:1px solid rgba(238,77,45,.18);border-radius:12px;display:flex;flex-direction:column;gap:.5rem}.plan-card-header{display:flex;align-items:center;gap:.5rem;color:#f59e0b}.plan-card-title{font-size:.85rem;font-weight:700;color:var(--text-primary)}.plan-card-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.35}.plan-card-btn{padding:.45rem .75rem;background:transparent;border:1px solid rgba(238,77,45,.3);color:var(--brand-shopee);border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.35rem;transition:all .2s ease}.plan-card-btn:hover{background:var(--brand-shopee);color:#fff}.app-content{margin-left:250px;flex:1;min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-app);width:calc(100% - 250px)}.top-header{height:70px;background-color:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:90}.top-header-title-box{display:flex;align-items:center;gap:.75rem}.top-header-title{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.top-header-subtitle{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.top-header-actions{display:flex;align-items:center;gap:.85rem}.theme-toggle-btn{width:36px;height:36px;border-radius:9px;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-card-hover)}.tenant-selector-pill{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9px;font-size:.82rem;font-weight:600;color:var(--text-primary);cursor:pointer}.shopee-status-pill{display:flex;align-items:center;gap:.45rem;padding:.4rem .85rem;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:9999px;font-size:.78rem;font-weight:700;color:#10b981}.user-profile-badge{display:flex;align-items:center;gap:.65rem;padding-left:.5rem;border-left:1px solid var(--border-subtle);cursor:pointer}.user-avatar-circle{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#475569,#334155);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.user-meta-name{font-size:.82rem;font-weight:700;color:var(--text-primary);line-height:1.2}.user-meta-role{font-size:.7rem;color:var(--text-muted)}.main-page-container{padding:1.75rem 2rem 3rem;flex:1;max-width:1400px;width:100%}.dashboard-welcome-banner{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:1.5rem 1.75rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.welcome-title{font-size:1.35rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.welcome-subtitle{font-size:.85rem;color:var(--text-secondary)}.welcome-shopee-highlight{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#ee4d2d1f,#ff6b4a0d);border:1px solid rgba(238,77,45,.25);border-radius:12px}.welcome-shopee-highlight h4{font-size:.85rem;font-weight:700;color:var(--text-primary)}.welcome-shopee-highlight p{font-size:.78rem;font-weight:700;color:var(--brand-shopee)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:14px;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.65rem;box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:default}.kpi-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.kpi-card-top{display:flex;align-items:center;gap:.75rem}.kpi-icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);line-height:1.25}.kpi-value{font-size:1.65rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.kpi-status-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;color:#10b981}.kpi-trend{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:700;color:#10b981}.quick-actions-bar{display:grid;grid-template-columns:auto auto auto 1fr;gap:.85rem;margin-bottom:1.5rem}@media(max-width:992px){.quick-actions-bar{grid-template-columns:1fr}}.quick-action-primary{padding:.8rem 1.4rem;background:linear-gradient(135deg,#ee4d2d,#f05d3f);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 14px #ee4d2d4d;transition:all .2s ease;white-space:nowrap}.quick-action-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #ee4d2d66}.quick-action-secondary{padding:.8rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);border-radius:12px;font-size:.875rem;font-weight:700;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-action-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.quick-action-banner{padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.quick-action-banner:hover{border-color:#ee4d2d59;background:var(--brand-shopee-glow)}.dashboard-middle-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media(max-width:1024px){.dashboard-middle-grid{grid-template-columns:1fr}}.chart-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.card-header-row{display:flex;align-items:center;justify-content:space-between}.card-title-group{display:flex;align-items:center;gap:.65rem}.card-title-text{font-size:1rem;font-weight:700;color:var(--text-primary)}.card-subtitle-text{font-size:.78rem;color:var(--text-muted)}.connections-status-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem;box-shadow:var(--shadow-sm)}.connection-item-box{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:12px;cursor:pointer;transition:all .18s ease}.connection-item-box:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:1024px){.dashboard-bottom-grid{grid-template-columns:1fr}}.top-group-item{display:flex;align-items:center;gap:.85rem;padding:.75rem .85rem;border-radius:10px;transition:background .15s ease}.top-group-item:hover{background:var(--bg-card-hover)}.rank-badge{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;flex-shrink:0}.rank-1{background:#eab308;color:#fff}.rank-2{background:#94a3b8;color:#fff}.rank-3{background:#d97706;color:#fff}.rank-other{background:var(--border-subtle);color:var(--text-secondary)}.opportunity-row{display:flex;align-items:center;gap:.85rem;padding:.75rem .85rem;border-radius:12px;border:1px solid transparent;transition:all .18s ease}.opportunity-row:hover{background:var(--bg-card-hover);border-color:var(--border-card)}.opp-img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--bg-surface);border:1px solid var(--border-subtle);flex-shrink:0}.opp-btn-campaign{padding:.45rem .85rem;background:var(--bg-surface);border:1px solid rgba(238,77,45,.35);color:var(--brand-shopee);border-radius:8px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .18s ease;white-space:nowrap}.opp-btn-campaign:hover{background:var(--brand-shopee);color:#fff}.glass-panel{background:var(--bg-card);border:1px solid var(--border-card);border-radius:16px;box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.825rem;font-weight:600;color:var(--text-secondary);margin-bottom:.4rem}.form-input{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-card);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--brand-shopee-glow)}.input-wrapper{position:relative;display:flex;align-items:center}.input-btn-toggle{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:linear-gradient(135deg,#ee4d2d,#ff5722);color:#fff;box-shadow:0 4px 12px #ee4d2d4d}.btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-surface);border:1px solid var(--border-card);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-danger{background:#f43f5e1f;border:1px solid rgba(244,63,94,.25);color:#f43f5e}.btn-danger:hover{background:#f43f5e;color:#fff}.alert{padding:1rem 1.25rem;border-radius:12px;font-size:.85rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);color:var(--text-primary)}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:var(--text-primary)}.alert-error{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25);color:#f43f5e}.badge{display:inline-flex;align-items:center;padding:.25rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:700}.badge-success{background:#10b98126;color:#10b981}.badge-error{background:#f43f5e26;color:#f43f5e}.badge-warning{background:#f59e0b26;color:#f59e0b}.badge-connected{background:#10b98126;color:#10b981}.mono{font-family:JetBrains Mono,monospace}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--bg-card);border:1px solid var(--border-card);border-radius:18px;box-shadow:var(--shadow-lg);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:1.75rem}.mobile-hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:all .2s ease}.mobile-hamburger-btn:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.mobile-close-sidebar-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;margin-left:auto;transition:all .2s ease}.mobile-close-sidebar-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.sidebar-backdrop{display:none}@media(max-width:1023px){.mobile-hamburger-btn,.mobile-close-sidebar-btn{display:flex}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100;box-shadow:var(--shadow-lg)}.app-sidebar.mobile-open{transform:translate(0)}.app-content{margin-left:0!important;width:100%!important}.top-header{padding:0 1.25rem}.main-page-container{padding:1.25rem 1rem}.kpi-grid{grid-template-columns:repeat(3,1fr);gap:.85rem}.dashboard-middle-grid,.dashboard-bottom-grid{grid-template-columns:1fr}}@media(max-width:767px){.top-header{height:auto;min-height:62px;padding:.75rem 1rem;flex-wrap:wrap;gap:.65rem}.top-header-subtitle{display:none}.top-header-actions{gap:.4rem;flex-wrap:wrap}.tenant-selector-pill span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopee-status-pill{padding:.35rem .6rem;font-size:.72rem}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.kpi-card{padding:.9rem 1rem}.kpi-value{font-size:1.35rem}.quick-actions-bar{grid-template-columns:1fr 1fr;gap:.65rem}.quick-action-banner{grid-column:span 2}.dashboard-welcome-banner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem}.welcome-shopee-highlight{width:100%;justify-content:flex-start}.opportunity-row{flex-wrap:wrap;gap:.75rem}.opp-btn-campaign{width:100%;justify-content:center;padding:.6rem 1rem}.modal-content{padding:1.25rem;border-radius:14px;max-height:95vh}}@media(max-width:479px){.kpi-grid{grid-template-columns:1fr;gap:.65rem}.quick-actions-bar{grid-template-columns:1fr}.quick-action-banner{grid-column:span 1}.welcome-title{font-size:1.25rem}.welcome-subtitle{font-size:.8rem}.top-header-title{font-size:1.05rem}.tenant-selector-pill{padding:.35rem .6rem;font-size:.72rem}.top-header-actions{width:100%;justify-content:space-between;padding-top:.25rem}.main-page-container{padding:1rem .65rem}.chart-card{padding:1.25rem .85rem}.glass-panel{padding:1.25rem .85rem!important}}.product-grid,.grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%}@media(max-width:1280px){.product-grid,.grid-cards{grid-template-columns:repeat(3,1fr);gap:1.1rem}}@media(max-width:992px){.product-grid,.grid-cards{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(max-width:600px){.product-grid,.grid-cards{grid-template-columns:1fr;gap:.85rem}}.product-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm);position:relative}.product-card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.product-img-wrapper,.product-img-container{width:100%;aspect-ratio:1 / 1;max-height:240px;background:var(--bg-surface);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-img{width:100%;height:100%;object-fit:contain;padding:.5rem;transition:transform .25s ease}.product-card:hover .product-img{transform:scale(1.03)}.product-badge-score{position:absolute;top:10px;left:10px;z-index:2;color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:800;display:flex;align-items:center;gap:4px;box-shadow:0 2px 6px #00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;transition:transform .15s ease}.product-badge-score:hover{transform:scale(1.05)}.product-badge-comm{position:absolute;bottom:10px;right:10px;z-index:2;background:#0f172ad9;color:#f59e0b;border:1px solid rgba(245,158,11,.3);padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.product-content,.product-card-body{padding:1rem;display:flex;flex-direction:column;flex:1;justify-content:space-between}.product-category{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-title{font-size:.875rem;font-weight:600;line-height:1.35;color:var(--text-primary);margin:0 0 .65rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.36rem}.product-pricing{margin-top:auto;padding-top:.5rem}.price-current{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.price-original{font-size:.75rem;color:var(--text-muted);text-decoration:line-through;margin-left:.4rem}.comm-estimate{font-size:.75rem;color:var(--color-emerald);font-weight:600}.product-actions{display:flex;gap:.5rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.product-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.product-list-item{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-card);border-radius:10px;padding:.75rem 1rem;gap:1.25rem;transition:all .2s ease}.product-list-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translate(2px)}.product-list-thumb{width:72px;height:72px;min-width:72px;aspect-ratio:1 / 1;background:var(--bg-surface);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-list-thumb img{width:100%;height:100%;object-fit:contain}.product-list-info{flex:2;min-width:0}.product-list-pricing{flex:1;min-width:130px;text-align:right}.product-list-actions{display:flex;gap:.5rem;align-items:center}@media(max-width:768px){.product-list-item{flex-wrap:wrap;gap:.75rem;padding:.85rem}.product-list-pricing{text-align:left;width:100%}.product-list-actions{width:100%;justify-content:flex-end}}.pagination-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.25rem .5rem .5rem;margin-top:1rem;border-top:1px solid var(--border-subtle)}.pagination-controls{display:flex;align-items:center;gap:.35rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .5rem;border-radius:6px;font-size:.825rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-hover)}.pagination-btn.active{background:var(--brand-shopee);border-color:var(--brand-shopee);color:#fff;font-weight:700}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-size-select{padding:.3rem .6rem;border-radius:6px;font-size:.8rem;background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-primary)}