@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";
:root{--color-primary:#e85d24;--color-primary-light:#ff7a45;--color-primary-dark:#c44a1a;--color-secondary:#d4247a;--color-secondary-light:#f04d98;--color-tertiary:#1db5a0;--color-tertiary-light:#3dd4bf;--color-accent:#2b6cb0;--color-accent-light:#4a90d9;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-text:#1a1a2e;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-background:#f5f0eb;--color-background-alt:#fdf8f4;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-xl:0 20px 60px #00000026;--shadow-glow-primary:0 4px 20px #e85d244d;--shadow-glow-secondary:0 4px 20px #d4247a4d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:300;--z-modal:400;--z-toast:500;--header-height:64px;--bottom-nav-height:72px;--sidebar-width:260px;--max-content-width:1200px;--tenant-primary:var(--color-primary);--tenant-secondary:var(--color-secondary)}.theme-0{--color-primary:#8d24e8;--color-primary-light:#ae45ff;--color-primary-dark:#731ac4}.theme-1{--color-primary:#2424e8;--color-primary-light:#4545ff;--color-primary-dark:#1a1ac4}.theme-2{--color-primary:#24a3e8;--color-primary-light:#45c4ff;--color-primary-dark:#1a86c4}.theme-3{--color-primary:#24e85d;--color-primary-light:#45ff7a;--color-primary-dark:#1ac44a}.theme-4{--color-primary:#e8b824;--color-primary-light:#ffd645;--color-primary-dark:#c4981a}.theme-5{--color-primary:#e85d24;--color-primary-light:#ff7a45;--color-primary-dark:#c44a1a}.theme-6{--color-primary:#e82424;--color-primary-light:#ff4545;--color-primary-dark:#c41a1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);min-height:100dvh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;padding:.75rem 1.5rem;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));transform:translateY(-1px);box-shadow:0 6px 25px #e85d2466}.btn-secondary{background:linear-gradient(135deg, var(--color-secondary), #b81d66);color:#fff;box-shadow:var(--shadow-glow-secondary)}.btn-secondary:hover{transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-sm{font-size:var(--font-size-xs);padding:.5rem 1rem}.btn-lg{font-size:var(--font-size-lg);padding:1rem 2rem}.btn-icon{border-radius:var(--radius-full);padding:.625rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body{padding:var(--space-lg)}.card-img{aspect-ratio:16/10;object-fit:cover;width:100%}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input{border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:.75rem 1rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e85d2426}.input::placeholder{color:var(--color-text-muted)}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.25rem .75rem;display:inline-flex}.badge-primary{color:var(--color-primary);background:#e85d241f}.badge-success{color:var(--color-success);background:#22c55e1f}.badge-warning{color:var(--color-warning);background:#f59e0b1f}.badge-danger{color:var(--color-danger);background:#ef44441f}.badge-info{color:var(--color-info);background:#3b82f61f}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-lg);animation:fadeIn var(--transition-base) ease;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90dvh;z-index:var(--z-modal);animation:slideUp var(--transition-spring) ease;overflow-y:auto}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-lg)}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--color-border-light);justify-content:flex-end;gap:var(--space-sm);display:flex}.toast-container{top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);gap:var(--space-sm);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary);animation:slideInRight var(--transition-spring);min-width:300px}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-border) 50%, var(--color-border-light) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.container{width:100%;max-width:var(--max-content-width);padding:0 var(--space-lg);margin:0 auto}.page-content{padding-top:calc(var(--header-height) + var(--space-lg));padding-bottom:calc(var(--bottom-nav-height) + var(--space-xl));min-height:100dvh}.dashboard-content{padding-top:var(--space-lg);padding-bottom:var(--space-xl);min-height:100dvh}@media (max-width:768px){.dashboard-content{padding-top:72px}}@media (min-width:769px){.dashboard-content{margin-left:var(--sidebar-width)}}.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-slide-up{animation:slideUp var(--transition-spring)}.animate-bounce-in{animation:bounceIn var(--transition-spring)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-text-muted)}.empty-state-icon{margin-bottom:var(--space-md);font-size:3rem}
.Header-module__lnUIdW__header{height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);z-index:var(--z-sticky);background:#ffffffeb;position:fixed;top:0;left:0;right:0}.Header-module__lnUIdW__container{max-width:var(--max-content-width);padding:0 var(--space-lg);align-items:center;gap:var(--space-lg);height:100%;margin:0 auto;display:flex}.Header-module__lnUIdW__logo{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:flex}.Header-module__lnUIdW__logoIcon{border-radius:var(--radius-sm);object-fit:contain;width:36px;height:36px}.Header-module__lnUIdW__logoText{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-extrabold);color:var(--color-text)}.Header-module__lnUIdW__logoGo{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.Header-module__lnUIdW__logoEmoji{font-size:1.75rem;line-height:1}.Header-module__lnUIdW__searchBar{flex:1;max-width:480px;display:none;position:relative}@media (min-width:768px){.Header-module__lnUIdW__searchBar{display:block}}.Header-module__lnUIdW__searchIcon{font-size:var(--font-size-sm);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.Header-module__lnUIdW__searchInput{border:2px solid var(--color-border);border-radius:var(--radius-full);width:100%;font-family:var(--font-body);font-size:var(--font-size-sm);background:var(--color-surface-hover);transition:all var(--transition-fast);outline:none;padding:.5rem 1rem .5rem 2.25rem}.Header-module__lnUIdW__searchInput:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #e85d241a}.Header-module__lnUIdW__actions{align-items:center;gap:var(--space-sm);margin-left:auto;display:flex}.Header-module__lnUIdW__iconBtn{border-radius:var(--radius-full);width:40px;height:40px;transition:background var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;display:flex;position:relative}.Header-module__lnUIdW__iconBtn:hover{background:var(--color-surface-hover)}.Header-module__lnUIdW__cartBadge{border-radius:var(--radius-full);background:var(--color-primary);color:#fff;width:18px;height:18px;font-size:.625rem;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;animation:.3s Header-module__lnUIdW__bounceIn;display:flex;position:absolute;top:2px;right:2px}.Header-module__lnUIdW__userMenu{position:relative}.Header-module__lnUIdW__avatarBtn{cursor:pointer;background:0 0;border:none;padding:0}.Header-module__lnUIdW__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;width:36px;height:36px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.Header-module__lnUIdW__avatarBtn:hover .Header-module__lnUIdW__avatar{transform:scale(1.05)}.Header-module__lnUIdW__dropdown{background:var(--color-surface);border-radius:var(--radius-lg);width:240px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);animation:.2s Header-module__lnUIdW__slideUp;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.Header-module__lnUIdW__dropdownHeader{padding:var(--space-md)}.Header-module__lnUIdW__dropdownHeader strong{font-size:var(--font-size-sm);display:block}.Header-module__lnUIdW__dropdownEmail{font-size:var(--font-size-xs);color:var(--color-text-muted)}.Header-module__lnUIdW__dropdownDivider{border:none;border-top:1px solid var(--color-border-light);margin:0}.Header-module__lnUIdW__dropdownItem{align-items:center;gap:var(--space-sm);padding:.625rem var(--space-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);transition:background var(--transition-fast);background:0 0;border:none;text-decoration:none;display:flex}.Header-module__lnUIdW__dropdownItem:hover{background:var(--color-surface-hover)}.Header-module__lnUIdW__sellWithUsBtn{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);border-radius:var(--radius-full);border:1px solid var(--color-primary);transition:all var(--transition-fast);align-items:center;gap:4px;padding:.5rem .75rem;text-decoration:none;display:flex}.Header-module__lnUIdW__sellWithUsBtn:hover{background:var(--color-primary);color:#fff}@media (max-width:600px){.Header-module__lnUIdW__sellWithUsBtn{display:none}}
.BottomNav-module__ktzsLq__nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--color-border-light);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom,0);background:#fffffff2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:769px){.BottomNav-module__ktzsLq__nav{display:none}}.BottomNav-module__ktzsLq__navItem{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-sm);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;min-width:64px;text-decoration:none;display:flex;position:relative}.BottomNav-module__ktzsLq__navItem.BottomNav-module__ktzsLq__active{color:var(--color-primary)}.BottomNav-module__ktzsLq__icon{transition:transform var(--transition-spring);font-size:1.4rem}.BottomNav-module__ktzsLq__navItem.BottomNav-module__ktzsLq__active .BottomNav-module__ktzsLq__icon{transform:scale(1.15)}.BottomNav-module__ktzsLq__label{letter-spacing:.02em;font-size:.65rem}.BottomNav-module__ktzsLq__indicator{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:0 0 var(--radius-sm) var(--radius-sm);width:24px;height:3px;animation:.2s BottomNav-module__ktzsLq__fadeIn;position:absolute;top:0;left:50%;transform:translate(-50%)}