@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;700&family=Open+Sans:wght@300;400;500;600;700&family=Lato:wght@300;400;700&family=Montserrat:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&family=Raleway:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&family=Nunito:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--primary-50:#faf5ff;--primary-100:#f3e8ff;--primary-200:#e9d5ff;--primary-300:#d8b4fe;--primary-400:#c084fc;--primary-500:#a855f7;--primary-600:#9333ea;--primary-700:#7c3aed;--primary-800:#6b21a8;--primary-900:#581c87;--secondary-50:#f0fdfa;--secondary-100:#ccfbf1;--secondary-200:#99f6e4;--secondary-300:#5eead4;--secondary-400:#2dd4bf;--secondary-500:#14b8a6;--secondary-600:#0d9488;--secondary-700:#0f766e;--secondary-800:#115e59;--secondary-900:#134e4a;--accent-50:#fff7ed;--accent-100:#ffedd5;--accent-200:#fed7aa;--accent-300:#fdba74;--accent-400:#fb923c;--accent-500:#f97316;--accent-600:#ea580c;--accent-700:#c2410c;--accent-800:#9a3412;--accent-900:#7c2d12;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--success-50:#ecfdf5;--success-100:#d1fae5;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--font-family:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--container-max:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--gray-900);background-color:var(--gray-50);min-height:100vh}#root{min-height:100vh}a{color:var(--primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-700)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#64748b99}*{scrollbar-width:thin;scrollbar-color:#94a3b84d transparent}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--gray-900)}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)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}.text-primary{color:var(--primary-600)}.text-secondary{color:var(--secondary-600)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-error{color:var(--error-600)}.text-muted{color:var(--gray-500)}.bg-primary{background-color:var(--primary-600)}.bg-secondary{background-color:var(--secondary-600)}.bg-white{background-color:#fff}.bg-gray{background-color:var(--gray-100)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.stats-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}}.charts-grid{gap:var(--spacing-6);grid-template-columns:2fr 1fr;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.two-col-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=1024px){.two-col-grid{grid-template-columns:1fr}}.three-col-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.three-col-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.three-col-grid{grid-template-columns:1fr}}.five-col-grid{gap:var(--spacing-3);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1200px){.five-col-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.five-col-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (width<=480px){.five-col-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.benefit-points-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=640px){.benefit-points-grid{grid-template-columns:1fr}}.product-description-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-8);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;display:grid}.product-description-grid.single-col{grid-template-columns:1fr}@media (width<=860px){.product-description-grid{grid-template-columns:1fr}}.hide-mobile{display:inline}.show-mobile{display:none}@media (width<=640px){.hide-mobile{display:none!important}.show-mobile{display:inline!important}.header-btn-mobile{font-size:var(--font-size-xs)!important;padding:6px 10px!important}.responsive-grid{grid-template-columns:1fr!important}}.responsive-grid{grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.responsive-grid{grid-template-columns:1fr!important}.welcome-card{text-align:left;flex-direction:column!important;align-items:flex-start!important}.welcome-card .btn{justify-content:center;width:100%}}.p-2{padding:var(--spacing-2)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.m-0{margin:0}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;border:none;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);color:#fff;box-shadow:0 4px 14px #a855f759}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-800) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #a855f773}.btn-secondary{background:linear-gradient(135deg, var(--secondary-500) 0%, var(--secondary-700) 100%);color:#fff;box-shadow:0 4px 14px #14b8a659}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg, var(--secondary-600) 0%, var(--secondary-800) 100%);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #14b8a673}.btn-outline{color:var(--primary-600);border:2px solid var(--primary-300);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-500)}.btn-ghost{color:var(--gray-600);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-900)}.btn-danger{background:linear-gradient(135deg, var(--error-500) 0%, var(--error-700) 100%);color:#fff;box-shadow:0 4px 14px #ef444459}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg, var(--error-600) 0%, var(--error-800) 100%);transform:translateY(-1px)}.btn-sm{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}.btn-icon{padding:var(--spacing-2);width:40px;height:40px}.form-group{margin-bottom:var(--spacing-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);margin-bottom:var(--spacing-1);display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base);color:var(--gray-900);border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 3px #a855f726}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--error-500)}.form-error{font-size:var(--font-size-sm);color:var(--error-600);margin-top:var(--spacing-1)}.form-helper{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--spacing-1)}.card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:#fff;overflow:hidden}.card-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--gray-100)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--gray-100);background:var(--gray-50)}.stat-card{padding:var(--spacing-6);border-radius:var(--radius-xl);color:#fff;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.stat-card.purple{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%)}.stat-card.teal{background:linear-gradient(135deg, var(--secondary-500) 0%, var(--secondary-700) 100%)}.stat-card.orange{background:linear-gradient(135deg, var(--accent-500) 0%, var(--accent-700) 100%)}.stat-card.blue{background:linear-gradient(135deg, var(--info-500) 0%, var(--info-700) 100%)}.stat-card.red{background:linear-gradient(135deg, var(--error-500) 0%, var(--error-700) 100%)}.stat-card.green{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.stat-card.pink{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%)}.stat-card.indigo{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.stat-card.cyan{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.stat-card.black{background:linear-gradient(135deg,#374151 0%,#111827 100%)}.stat-card.yellow{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.stat-card.darkgreen{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.stat-card.darkpurple{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 100%)}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1)}.stat-card-label{font-size:var(--font-size-sm);opacity:.9}.stat-card-icon{right:var(--spacing-4);opacity:.3;font-size:64px;position:absolute;top:50%;transform:translateY(-50%)}.table-container{border-radius:var(--radius-lg);border:1px solid var(--gray-200);-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:left}.table th{background:var(--gray-50);font-weight:var(--font-weight-semibold);color:var(--gray-700);border-bottom:2px solid var(--gray-200)}.table td{border-bottom:1px solid var(--gray-100)}.table tbody tr:hover{background:var(--gray-50)}.table tbody tr:last-child td{border-bottom:none}.badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;display:inline-flex}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-secondary{color:#fff;background:#ec4899}.badge-success{background:var(--success-100);color:var(--success-700)}.badge-warning{background:var(--warning-100);color:var(--warning-700)}.badge-error{background:var(--error-100);color:var(--error-700)}.badge-gray{color:#fff;background:#991b1b}.badge-info{background:var(--info-100);color:var(--info-700)}.badge-dark{background:var(--gray-700);color:#fff}.badge-purple{background:var(--primary-100,#f3e8ff);color:var(--primary-700,#7c3aed);border:1px solid var(--primary-300,#d8b4fe);font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--spacing-4);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:500px;max-height:90vh;z-index:var(--z-modal);background:#fff;animation:.3s slideUp;overflow:hidden}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.modal-close{color:var(--gray-400);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{padding:var(--spacing-6);max-height:calc(90vh - 140px);overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--gray-100);background:var(--gray-50);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.spinner{border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-lg{border-width:4px;width:40px;height:40px}.page-loading{justify-content:center;align-items:center;gap:var(--spacing-4);flex-direction:column;min-height:400px;display:flex}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);color:var(--gray-300)}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--spacing-2)}.empty-state-description{color:var(--gray-500);max-width:400px;margin:0 auto var(--spacing-6)}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary-400) 0%, var(--primary-600) 100%);color:#fff;width:40px;height:40px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-2xl)}.dropdown{position:relative}.dropdown-menu{margin-top:var(--spacing-1);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);z-index:var(--z-dropdown);background:#fff;animation:.15s fadeIn;position:absolute;top:100%;right:0}.dropdown-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);display:flex}.dropdown-item:hover{background:var(--gray-50);color:var(--primary-600)}.dropdown-divider{background:var(--gray-100);height:1px;margin:var(--spacing-1) 0}.notification-dropdown{margin-top:var(--spacing-1);position:absolute;top:100%;right:0}@media (width<=480px){.notification-dropdown{margin-top:0;position:fixed;top:56px;left:50%;right:auto;transform:translate(-50%)}}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{left:var(--spacing-3);color:var(--gray-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding-left:var(--spacing-10)}.tabs{border-bottom:1px solid var(--gray-200);gap:var(--spacing-1);display:flex}.tab{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--gray-700)}.tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.toast{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex}.toast-success{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-700)}.toast-error{background:var(--error-50);border:1px solid var(--error-200);color:var(--error-700)}.toast-warning{background:var(--warning-50);border:1px solid var(--warning-200);color:var(--warning-700)}.toast-info{background:var(--info-50);border:1px solid var(--info-200);color:var(--info-700)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes progressBar{0%{width:100%}to{width:0%}}.toast-container{top:var(--spacing-6);right:var(--spacing-6);z-index:9999;gap:var(--spacing-3);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.toast-notification{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-xl);pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:.4s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a}.toast-notification:after{content:"";height:3px;animation:4s linear forwards progressBar;position:absolute;bottom:0;left:0}.toast-notification.toast-success{border:1px solid var(--success-300);color:var(--success-800);background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.toast-notification.toast-success:after{background:var(--success-500)}.toast-notification.toast-success .toast-icon{color:var(--success-500);background:var(--success-100)}.toast-notification.toast-error{border:1px solid var(--error-300);color:var(--error-800);background:linear-gradient(135deg,#fef2f2 0%,#fecaca 100%)}.toast-notification.toast-error:after{background:var(--error-500)}.toast-notification.toast-error .toast-icon{color:var(--error-500);background:var(--error-100)}.toast-notification.toast-warning{border:1px solid var(--warning-300);color:var(--warning-800);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.toast-notification.toast-warning:after{background:var(--warning-500)}.toast-notification.toast-warning .toast-icon{color:var(--warning-500);background:var(--warning-100)}.toast-notification.toast-info{border:1px solid var(--info-300);color:var(--info-800);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.toast-notification.toast-info:after{background:var(--info-500)}.toast-notification.toast-info .toast-icon{color:var(--info-500);background:var(--info-100)}.toast-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toast-content{flex:1;min-width:0}.toast-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-top:var(--spacing-2);margin:0;line-height:1.5}.toast-close{padding:var(--spacing-1);cursor:pointer;color:inherit;opacity:.5;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{opacity:1;background:#0000000d}@media (width<=480px){.toast-container{top:auto;bottom:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4);max-width:none}}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block!important}.main-content{margin-left:0!important}.header-main{left:0!important}.hide-tablet{display:none!important}.stat-card-value{font-size:var(--font-size-2xl)}}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.hide-mobile{display:none!important}.stat-card-value{font-size:var(--font-size-xl)}.stat-card{padding:var(--spacing-4)}.stat-card-icon{font-size:40px}.modal{max-width:calc(100% - var(--spacing-4));margin:var(--spacing-2)}.modal-body{padding:var(--spacing-4)}}@media (width<=1280px) and (width>=1025px){.stat-card-value{font-size:var(--font-size-2xl)}}.sidebar .nav-label{font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar .nav-item-link,.sidebar .nav-item-button{font-size:var(--font-size-sm)}.sidebar nav{scrollbar-width:thin;scrollbar-color:#94a3b840 transparent}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:10px;transition:background .2s}.sidebar nav:hover::-webkit-scrollbar-thumb{background:#94a3b873}.sidebar nav::-webkit-scrollbar-thumb:hover{background:#64748bb3}.sidebar .nav-children a{font-size:var(--font-size-xs)!important}.sidebar.collapsed{width:var(--sidebar-collapsed-width);overflow:visible}.sidebar.collapsed nav{overflow:visible}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .nav-children{display:none}.sidebar.collapsed .nav-item-link,.sidebar.collapsed .nav-item-button{padding:var(--spacing-2);justify-content:center}.sidebar.collapsed .nav-icon{margin:0}.sidebar-toggle-btn{border:1px solid var(--gray-200);border-radius:var(--radius-full);width:24px;height:24px;color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);z-index:201;background:#fff;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:20px;right:-12px;box-shadow:0 1px 4px #0000001a}.sidebar-toggle-btn:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200);transform:scale(1.08);box-shadow:0 2px 6px #00000026}.sidebar.collapsed .sidebar-toggle-btn span{display:none}.nav-tooltip{left:calc(100% + var(--spacing-2));background:var(--gray-900);color:#fff;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:1000;position:absolute;top:50%;transform:translateY(-50%)}.nav-item:hover .nav-tooltip{opacity:1}.sidebar:not(.collapsed) .nav-tooltip{display:none}.nav-popout-menu{left:calc(100% + var(--spacing-2));border:1px solid var(--gray-200);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--spacing-2);opacity:0;visibility:hidden;transition:opacity var(--transition-fast), visibility var(--transition-fast);z-index:1000;background:#fff;position:absolute;top:0}.nav-item:hover .nav-popout-menu{opacity:1;visibility:visible}.sidebar:not(.collapsed) .nav-popout-menu{display:none}.nav-popout-title{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);border-bottom:1px solid var(--gray-100);margin-bottom:var(--spacing-1)}.nav-popout-item{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--gray-600);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:block}.nav-popout-item:hover,.nav-popout-item.active{background:var(--primary-50);color:var(--primary-600)}.main-content-collapsed{margin-left:var(--sidebar-collapsed-width)!important}@media (width>=1025px){.hide-desktop{display:none!important}}@media (width<=1024px){.announcement-bar-wrapper{display:none!important}.sidebar-container{visibility:hidden;overflow:hidden;width:0!important}.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-container:has(.sidebar-open){visibility:visible;width:var(--sidebar-width)!important}.header-container{z-index:150!important;visibility:visible!important;display:block!important;top:0!important;left:0!important;right:0!important}.main-content,.main-content-collapsed{margin-left:0!important;margin-top:var(--header-height)!important;padding:var(--spacing-4)!important;box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important}.hide-mobile{display:none!important}.announcement-btn{font-size:var(--font-size-xs)!important;margin-left:var(--spacing-2)!important;padding:4px 10px!important}}.user-dashboard-kpi-grid{gap:var(--spacing-3);grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}@media (width<=1200px){.user-dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.user-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-dashboard-kpi-featured{grid-column:span 2}}@media (width<=480px){.user-dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-dashboard-kpi-featured{grid-column:span 2}}.user-dashboard-kpi-card{padding:13px 16px!important}.user-dashboard-kpi-card h3{margin:0 0 2px!important;font-size:1.45rem!important;line-height:1.2!important}@media (width<=480px){.user-dashboard-kpi-card{padding:11px 13px!important}.user-dashboard-kpi-card h3{font-size:1.25rem!important}}.user-dashboard-tabs-container{border:1px solid var(--gray-200);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#fff;border-radius:12px;align-items:center;gap:3px;max-width:100%;padding:4px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #0000000d}.user-dashboard-tabs-container::-webkit-scrollbar{display:none}.user-dashboard-tab-btn{white-space:nowrap;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:6px 13px;font-size:.82rem;transition:all .15s}.user-dashboard-hero{color:#fff;justify-content:space-between;align-items:center;gap:var(--spacing-5);background:#241442;border-radius:20px;flex-flow:wrap;min-height:120px;padding:24px 28px;display:flex;box-shadow:0 12px 30px -5px #24144259}.user-dashboard-hero-actions{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}@media (width<=640px){.user-dashboard-hero{gap:var(--spacing-4);padding:18px}.user-dashboard-hero-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.user-dashboard-hero-actions>*{text-align:center!important;box-sizing:border-box!important;border-radius:9px!important;justify-content:center!important;gap:5px!important;width:100%!important;min-height:34px!important;padding:7px 8px!important;font-size:.78rem!important}.user-dashboard-hero-actions>* svg{width:14px!important;height:14px!important}}.user-quick-actions-grid{gap:var(--spacing-4);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}@media (width<=1024px){.user-quick-actions-grid{gap:var(--spacing-3);grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=768px){.user-quick-actions-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.user-quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}.user-quick-action-card{cursor:pointer;box-sizing:border-box;border-radius:14px;flex-direction:column;justify-content:space-between;min-height:110px;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.user-quick-action-card:hover{transform:translateY(-2px)}.quick-action-order{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border:1px solid #bbf7d0}.quick-action-order:hover{box-shadow:0 8px 18px #16a34a24}.quick-action-returns{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border:1px solid #fecaca}.quick-action-returns:hover{box-shadow:0 8px 18px #dc262624}.quick-action-catalog{background:linear-gradient(135deg,#fff7ed 0%,#fff 100%);border:1px solid #fed7aa}.quick-action-catalog:hover{box-shadow:0 8px 18px #ea580c24}.quick-action-suplink{background:linear-gradient(135deg,#faf5ff 0%,#fff 100%);border:1px solid #e9d5ff}.quick-action-suplink:hover{box-shadow:0 8px 18px #9333ea24}.quick-action-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:flex}.quick-action-icon-wrapper.order-icon{background:#dcfce7}.quick-action-icon-wrapper.returns-icon{background:#fee2e2}.quick-action-icon-wrapper.catalog-icon{background:#ffedd5}.quick-action-icon-wrapper.suplink-icon{background:#f3e8ff}.quick-action-text{min-width:0}.quick-action-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.88rem;font-weight:700;overflow:hidden}.quick-action-title.text-green{color:#15803d}.quick-action-title.text-red{color:#dc2626}.quick-action-title.text-orange{color:#c2410c}.quick-action-title.text-purple{color:#7e22ce}.quick-action-subtitle{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}@media (width<=480px){.user-quick-action-card{min-height:98px;padding:12px 14px}.quick-action-icon-wrapper{width:32px;height:32px;margin-bottom:8px}.quick-action-title{font-size:.8rem}.quick-action-subtitle{font-size:.7rem}}.suplink-hero{color:#fff;justify-content:space-between;align-items:center;gap:var(--spacing-5);background:#241442;border-radius:20px;flex-flow:wrap;min-height:120px;padding:28px 36px;display:flex;box-shadow:0 12px 30px -5px #24144259}.suplink-hero-left{align-items:center;gap:var(--spacing-5);display:flex}.suplink-hero-logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #fff3;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 8px 16px #0003}.suplink-hero-logo img{object-fit:contain;border-radius:14px;width:52px;height:52px}.suplink-hero-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800}.suplink-hero-actions{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.suplink-filter-bar{justify-content:space-between;align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.suplink-filter-tabs{border:1px solid var(--gray-200);background:#fff;border-radius:12px;flex-wrap:wrap;gap:2px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000d}.suplink-metrics-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.suplink-metric-card-body{padding:var(--spacing-5) var(--spacing-6)}.suplink-metric-value{letter-spacing:-.02em;margin:0 0 6px;font-size:1.6rem;font-weight:800}.suplink-bottom-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.suplink-hub-grid{gap:var(--spacing-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1024px){.suplink-bottom-grid{gap:var(--spacing-4);grid-template-columns:1fr}.suplink-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.suplink-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (width<=640px){.suplink-hero{border-radius:16px;gap:14px;padding:16px}.suplink-hero-left{gap:12px;width:100%}.suplink-hero-logo{border-radius:14px;width:52px;height:52px}.suplink-hero-logo img{border-radius:10px;width:38px;height:38px}.suplink-hero-title{font-size:1.25rem}.suplink-hero-domain{gap:6px!important;font-size:.8rem!important}.suplink-hero-domain-text{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.suplink-hero-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.suplink-hero-actions>a:first-child{box-sizing:border-box;grid-column:span 2;justify-content:center;width:100%;padding:10px 14px!important;font-size:.85rem!important}.suplink-hero-actions>button{box-sizing:border-box;justify-content:center;width:100%;padding:8px 10px!important;font-size:.8rem!important}.suplink-filter-bar{flex-direction:column;align-items:flex-start!important;gap:10px!important}.suplink-filter-tabs{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;flex-wrap:nowrap;width:100%;padding:3px;overflow-x:auto}.suplink-filter-tabs::-webkit-scrollbar{display:none}.suplink-filter-tabs button{flex-shrink:0;padding:6px 12px!important;font-size:.78rem!important}.suplink-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.suplink-metric-card-body{padding:12px!important}.suplink-metric-header{margin-bottom:8px!important}.suplink-metric-header span{font-size:.68rem!important}.suplink-metric-header div{border-radius:8px!important;padding:5px!important}.suplink-metric-header div svg{width:15px!important;height:15px!important}.suplink-metric-value{margin-bottom:3px!important;font-size:1.15rem!important}.suplink-metric-subtitle{line-height:1.2;display:block;font-size:.7rem!important}.suplink-chart-header-row{flex-direction:column;align-items:flex-start!important;gap:12px!important}.suplink-chart-controls{flex-direction:column;width:100%;gap:8px!important}.suplink-chart-controls>div{justify-content:space-between;width:100%}.suplink-chart-controls>div>button{text-align:center;flex:1;padding:5px 6px!important;font-size:.75rem!important}.suplink-bottom-grid{gap:var(--spacing-4)!important;grid-template-columns:1fr!important}.suplink-hub-grid{grid-template-columns:repeat(2,1fr);gap:8px}.suplink-hub-grid>div{padding:12px 10px!important}}.auth-layout{width:100%;min-height:100vh;padding:var(--spacing-6);background:linear-gradient(135deg,#1a0a2e 0%,#2d1b4e 30%,#44246b 60%,#2d1b4e 80%,#1a0a2e 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-bg-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.auth-bg-overlay{z-index:1;background:#00000073;width:100%;height:100%;position:absolute;top:0;left:0}.auth-brand-icon{margin-bottom:var(--spacing-8);z-index:2;position:relative}.auth-brand-icon img{object-fit:contain;border-radius:var(--radius-xl);width:56px;height:56px}.auth-heading{z-index:2;color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--spacing-6);max-width:420px;position:relative}.auth-card{border-radius:var(--radius-2xl);z-index:2;width:100%;max-width:420px;padding:var(--spacing-8) var(--spacing-8);background:#fff;position:relative;box-shadow:0 8px 32px #0000004d}.auth-footer-policy{z-index:2;margin-top:var(--spacing-6);font-size:var(--font-size-xs);color:#ffffffd9;text-align:center;max-width:420px;line-height:var(--line-height-relaxed);position:relative}.auth-footer-policy a{color:inherit;text-decoration:none}.auth-footer-policy a:hover{text-decoration:underline}.auth-register-cta{font-size:var(--font-size-xs);color:var(--gray-500)}.auth-form-content{flex-direction:column;width:100%;display:flex}.auth-form-content form{width:100%}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--spacing-1)}.auth-subtitle{font-size:var(--font-size-sm);color:var(--gray-900);margin-bottom:var(--spacing-6)}.auth-input-group{margin-bottom:var(--spacing-5)}.auth-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);margin-bottom:var(--spacing-2);display:block}.auth-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--gray-900);background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.auth-input:focus{border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px #a855f71a}.auth-input::placeholder{color:var(--gray-400)}.auth-button{width:100%;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--spacing-2);background:#1a1a2e;border:none;display:flex;position:relative}.auth-button:hover:not(:disabled){background:#2d2d44;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.auth-button:after{content:"→";right:var(--spacing-6);opacity:0;transition:opacity var(--transition-normal);position:absolute}.auth-button:hover:not(:disabled):after{opacity:1}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-policy-text{font-size:var(--font-size-xs);color:var(--gray-500);margin-top:var(--spacing-4);line-height:var(--line-height-relaxed)}.auth-policy-text a{color:var(--primary-600);text-decoration:none}.auth-policy-text a:hover{text-decoration:underline}.auth-links{margin-top:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.auth-link{font-size:var(--font-size-xs);color:var(--primary-600);font-weight:var(--font-weight-medium);text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-link-center{text-align:center;margin-top:var(--spacing-6)}.auth-error{padding:var(--spacing-3) var(--spacing-4);background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.auth-success-container{text-align:center;padding:var(--spacing-8)}.auth-success-icon{width:80px;height:80px;margin:0 auto var(--spacing-4);background:var(--success-100);color:var(--success-600);font-size:var(--font-size-3xl);border-radius:50%;justify-content:center;align-items:center;display:flex}@media (width<=480px){.auth-layout{padding:var(--spacing-3)}.auth-card{padding:var(--spacing-5);border-radius:var(--radius-xl)}.auth-brand-icon img{width:48px;height:48px}.auth-links{gap:var(--spacing-2);flex-direction:column;align-items:center}.auth-heading{font-size:var(--font-size-xl)}}.banner-desktop{transition:transform .4s;display:block!important}.banner-mobile{transition:transform .4s;display:none!important}.banner-desktop:hover,.banner-mobile:hover{transform:scale(1.05)}@media (width<=768px){.banner-desktop{display:none!important}.banner-mobile{display:block!important}}.catalog-filter-bar{flex-wrap:wrap}@media (width<=768px){.catalog-filter-bar{flex-direction:column;align-items:stretch!important;gap:var(--spacing-2)!important;padding:var(--spacing-4)!important}.catalog-filter-bar>div,.catalog-filter-bar>select,.catalog-filter-bar>button{width:100%!important;min-width:unset!important;flex:unset!important}.catalog-filter-bar select{width:100%!important}}.my-products-filter-bar{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.my-products-filter-bar .filter-pills{gap:var(--spacing-2);display:flex}@media (width<=768px){.my-products-filter-bar{align-items:stretch;gap:var(--spacing-3);flex-flow:column}.my-products-filter-bar .top-row{align-items:center;gap:var(--spacing-3);display:flex}.my-products-filter-bar .filter-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;margin-bottom:-8px;padding-bottom:8px;display:flex;overflow-x:auto}.my-products-filter-bar .filter-pills::-webkit-scrollbar{display:none}.my-products-filter-bar .filter-pills button{white-space:nowrap;flex-shrink:0}}.user-catalog-card{border-radius:var(--radius-xl)!important;flex-direction:column!important;height:100%!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;overflow:hidden!important}.user-catalog-card-body{padding:var(--spacing-4)!important;flex-direction:column!important;flex:1!important;display:flex!important}.user-catalog-name{-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;min-height:2.6em!important;margin:0 0 6px!important;font-size:.95rem!important;font-weight:700!important;line-height:1.3!important;display:-webkit-box!important;overflow:hidden!important}.user-catalog-category{color:var(--primary-600)!important;text-transform:uppercase!important;letter-spacing:.03em!important;margin:0 0 4px!important;font-size:.72rem!important;font-weight:700!important}.user-catalog-btn{border-radius:var(--radius-lg)!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important;height:38px!important;font-size:.85rem!important;font-weight:600!important;display:flex!important}.user-catalog-vote-btn{border-radius:var(--radius-lg)!important;cursor:pointer!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;padding:8px 10px!important;font-size:.8rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.user-catalog-price-row{justify-content:space-between;align-items:center;gap:var(--spacing-1);margin-bottom:2px;display:flex}.user-catalog-price-label{font-size:var(--font-size-xs);color:var(--gray-500);white-space:nowrap}.user-catalog-price-label.retail{color:var(--primary-600);font-weight:600}.user-catalog-price-val{font-weight:600;font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.user-catalog-price-val.retail{font-weight:700;font-size:var(--font-size-sm);color:var(--primary-600)}.user-catalog-price-val.coming-soon{color:#b45309;letter-spacing:-.01em;background:#fef3c7;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.user-catalog-price-val.discontinued{color:#dc2626;background:#fee2e2;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}@media (width<=768px){.user-catalog-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.custom-catalog-grid{grid-template-columns:1fr!important}.user-catalog-card-body{padding:10px 10px 12px!important}.user-catalog-name{min-height:2.4em!important;margin-bottom:4px!important;font-size:.82rem!important;line-height:1.25!important}.user-catalog-category{margin-bottom:2px!important;font-size:.65rem!important}.user-catalog-spec-badges{gap:4px!important;margin-bottom:6px!important}.user-catalog-spec-badges span{padding:2px 5px!important;font-size:9.5px!important}.user-catalog-price-row{gap:2px!important;margin-bottom:2px!important;font-size:.68rem!important}.user-catalog-price-label{white-space:nowrap!important;font-size:.67rem!important}.user-catalog-price-label.retail{font-size:.67rem!important}.user-catalog-price-val{font-size:.7rem!important}.user-catalog-price-val.retail{font-size:.74rem!important}.user-catalog-price-val.coming-soon{white-space:nowrap!important;letter-spacing:-.02em!important;border-radius:3px!important;padding:1px 4px!important;font-size:.62rem!important}.user-catalog-price-val.discontinued{white-space:nowrap!important;border-radius:3px!important;padding:1px 4px!important;font-size:.62rem!important}.user-catalog-btn{height:34px!important;padding:0 6px!important;font-size:.76rem!important}.user-catalog-vote-btn{padding:6px 8px!important;font-size:.75rem!important}.user-catalog-vote-hint{display:none!important}.user-catalog-filter{border-radius:var(--radius-lg)!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important;display:grid!important}.user-catalog-filter>div:first-child{width:100%!important;min-width:unset!important;grid-column:span 2!important}.user-catalog-filter select{width:100%!important;min-width:unset!important;height:36px!important;padding:0 8px!important;font-size:.78rem!important}.user-catalog-filter button{grid-column:span 2!important;width:100%!important;height:36px!important;font-size:.82rem!important}.order-steps .step-label{display:none}.order-steps .step-connector{width:20px!important}}@media (width<=480px){.user-catalog-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media (width>=768px){.order-layout{grid-template-columns:2fr 1fr!important}}.bulk-order-grid{gap:var(--spacing-4);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=1024px){.bulk-order-grid{gap:var(--spacing-6);grid-template-columns:1fr 1fr}}.bulk-order-form-row{gap:var(--spacing-3);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.bulk-order-form-row{grid-template-columns:1fr}}.bulk-order-bottom-bar{border-top:1px solid var(--gray-200);padding:var(--spacing-3) var(--spacing-4);z-index:100;background:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}@media (width>=1025px){.bulk-order-bottom-bar{left:var(--sidebar-width)}}@media (width<=480px){.bulk-order-bottom-bar{padding:10px 12px}}.admin-fixed-bottom-bar{z-index:40;position:fixed;bottom:0;left:0;right:0}@media (width>=1025px){.admin-fixed-bottom-bar{left:var(--sidebar-width)}}.video-slider-scroll{scrollbar-width:thin;scrollbar-color:#00000026 transparent}.video-slider-scroll::-webkit-scrollbar{height:4px}.video-slider-scroll::-webkit-scrollbar-track{background:0 0;border-radius:4px}.video-slider-scroll::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.video-slider-scroll::-webkit-scrollbar-thumb:hover{background:#00000040}.active-users-map-container{border-radius:var(--radius-xl);height:100%;box-shadow:var(--shadow-md);background:#0f172a;position:relative;overflow:hidden}.active-users-map{background:#0f172a;width:100%;height:100%}.map-users-row{gap:var(--spacing-6);margin-bottom:var(--spacing-6);align-items:stretch;min-height:400px;display:flex}.map-users-row .map-wrapper{flex:0 0 70%;min-width:0}.map-users-row .users-card{flex:1}@media (width<=768px){.map-users-row{gap:var(--spacing-6);flex-direction:column;min-height:auto}.map-users-row .map-wrapper{flex:none;width:100%;height:auto;min-height:380px}.map-users-row .users-card{flex:none;width:100%}.active-users-map{height:100%;min-height:380px}}.map-overlay-card{top:var(--spacing-4);left:var(--spacing-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-4);border-radius:var(--radius-lg);z-index:10;background:#1e1e23e6;border:1px solid #ffffff1a;min-width:140px;position:absolute;box-shadow:0 4px 20px #0006}.map-overlay-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-1)}.map-overlay-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--spacing-1);line-height:1}.map-overlay-trend{font-size:var(--font-size-sm);color:#ffffff80}.map-legend{bottom:var(--spacing-4);left:var(--spacing-4);align-items:center;gap:var(--spacing-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);z-index:10;background:#1e1e23e6;border:1px solid #ffffff1a;display:flex;position:absolute;box-shadow:0 4px 20px #0006}.map-legend-item{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:#ffffffb3;display:flex}.map-legend-dot{background:var(--primary-500);border-radius:50%;width:12px;height:12px}.map-legend-high{width:14px;height:14px;box-shadow:0 0 0 3px #a855f733}.map-legend-medium{opacity:.8;width:11px;height:11px}.map-legend-low{opacity:.6;width:8px;height:8px}.map-pulse-marker{cursor:pointer;background:#a855f7;border:2px solid #a855f766;border-radius:50%;animation:2s ease-in-out infinite markerPulse;box-shadow:0 0 0 4px #a855f733,0 0 12px #a855f766}@keyframes markerPulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #a855f733,0 0 12px #a855f766}50%{transform:scale(1.15);box-shadow:0 0 0 6px #a855f74d,0 0 20px #a855f780}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.1)}}@keyframes pulse-online{0%{box-shadow:0 0 #22c55e66}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.maplibregl-popup-content{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;font-family:var(--font-family)!important;padding:0!important}.maplibregl-popup-tip{border-top-color:#fff!important}.catalog-grid{align-items:stretch}.catalog-grid>a{display:flex}.catalog-grid>a>div{flex-direction:column;height:100%;display:flex}.catalog-product-purpose{font-size:var(--font-size-xs)}@media (width<=768px){.catalog-grid{gap:var(--spacing-3)!important;grid-template-columns:repeat(2,1fr)!important}.catalog-product-purpose{letter-spacing:.3px!important;margin-bottom:2px!important;font-size:10px!important;line-height:1.25!important}}.settings-grid{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.settings-grid{grid-template-columns:1fr!important}}.media-grid-item:hover .media-delete-btn{opacity:1!important}.media-grid-item:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.orders-page-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.orders-header-actions{align-items:center;gap:10px;display:flex}.orders-btn-primary{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #9333ea47}.orders-btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 18px #9333ea61}.orders-btn-primary:active{transform:translateY(0)}.orders-btn-outline{border-radius:var(--radius-lg);color:var(--primary-700);border:1.5px solid var(--primary-300);cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000000a}.orders-btn-outline:hover{background:var(--primary-50);border-color:var(--primary-500);transform:translateY(-1px);box-shadow:0 4px 12px #9333ea1f}.orders-btn-outline:active{transform:translateY(0)}.orders-filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.orders-search-wrapper{flex:240px;min-width:0;position:relative}.orders-date-wrapper{flex-shrink:0;align-items:center;gap:6px;display:flex}@media (width<=768px){.orders-page-header{align-items:stretch;gap:var(--spacing-3);margin-bottom:var(--spacing-4);flex-direction:column}.orders-header-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.orders-btn-primary,.orders-btn-outline{border-radius:var(--radius-lg);gap:6px;width:100%;height:42px;padding:0 8px;font-size:.8rem}}@media (width<=600px){.orders-filter-row{flex-direction:column;align-items:stretch;gap:8px}.orders-search-wrapper,.orders-date-wrapper{flex:auto;width:100%}.orders-date-wrapper select{width:100%}}@media (width<=380px){.orders-btn-primary,.orders-btn-outline{gap:4px;padding:0 6px;font-size:.76rem}}.orders-stat-grid{margin-bottom:var(--spacing-6);grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=1100px){.orders-stat-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (width<=600px){.orders-stat-grid{margin-bottom:var(--spacing-4);grid-template-columns:repeat(2,1fr);gap:8px}}.orders-stat-card{border-radius:var(--radius-xl);cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;border:1px solid #0000;align-items:center;gap:12px;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.orders-stat-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e 0%,#0000 60%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.orders-stat-card:hover{filter:brightness(1.06);transform:translateY(-3px)}.orders-stat-card.active{transform:translateY(-2px);box-shadow:0 0 0 3px #fff,0 8px 20px -2px #0000004d!important}.orders-stat-card.shipped{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);box-shadow:0 4px 14px -2px #0d948859}.orders-stat-card.pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px -2px #f59e0b59}.orders-stat-card.processing{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 14px -2px #2563eb59}.orders-stat-card.delivered{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px -2px #10b98159}.orders-stat-card.return{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px -2px #dc262659}.orders-stat-card.cancelled{background:linear-gradient(135deg,#64748b 0%,#475569 100%);box-shadow:0 4px 14px -2px #47556959}.orders-stat-card.purple{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 4px 14px -2px #7c3aed59}.orders-stat-icon{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.orders-stat-val{color:#fff;font-size:1.35rem;font-weight:800;line-height:1.1}.orders-stat-lbl{color:#ffffffe6;margin-top:2px;font-size:.78rem;font-weight:600}.orders-tabs-scroll{scrollbar-width:thin;scrollbar-color:#0000001f transparent;-webkit-overflow-scrolling:touch;gap:6px;padding:4px 2px 8px;display:flex;overflow-x:auto}.orders-tabs-scroll::-webkit-scrollbar{height:4px}.orders-tabs-scroll::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}.orders-tab-btn{border-radius:var(--radius-full);white-space:nowrap;border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.orders-tab-btn:hover{background:var(--gray-50);color:var(--gray-900);border-color:var(--gray-300)}.orders-tab-btn.active{background:linear-gradient(135deg, var(--primary-600) 0%, var(--primary-700) 100%);color:#fff;border-color:var(--primary-600);box-shadow:0 2px 8px #9333ea47}.orders-tab-count{background:var(--gray-100);color:var(--gray-600);border-radius:9999px;padding:1px 7px;font-size:.72rem;font-weight:700}.orders-tab-btn.active .orders-tab-count{color:#fff;background:#ffffff40}.orders-desktop-table{display:block}.orders-mobile-list{display:none}@media (width<=768px){.orders-desktop-table{display:none!important}.orders-mobile-list{flex-direction:column;gap:10px;display:flex}}.orders-mobile-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;padding:14px;transition:all .15s;box-shadow:0 1px 4px #00000008}.orders-mobile-card:hover{border-color:var(--gray-300);box-shadow:0 4px 12px #0000000d}.orders-mobile-card-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.orders-mobile-card-footer{border-top:1px dashed var(--gray-200);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.wallet-hero-banner{border-radius:var(--radius-2xl);color:#fff;margin-bottom:var(--spacing-6);background:linear-gradient(135deg,#7c3aed 0%,#6366f1 50%,#4f46e5 100%);padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 12px 30px -4px #7c3aed52}.wallet-hero-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e 0%,#0000 65%);border-radius:50%;width:380px;height:380px;position:absolute;top:-40%;right:-15%}.wallet-hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#ec489938 0%,#0000 65%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-35%;left:25%}.wallet-hero-balance{color:#fff;letter-spacing:-.03em;text-shadow:0 2px 10px #00000026;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:2.8rem;font-weight:800;line-height:1.1;overflow:hidden}.wallet-kpi-grid{margin-bottom:var(--spacing-6);grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.wallet-kpi-card{border-radius:var(--radius-xl);color:#fff;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-direction:column;justify-content:space-between;min-height:94px;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px -2px #0000001f}.wallet-kpi-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff2e 0%,#0000 60%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.wallet-kpi-card:hover{filter:brightness(1.05);transform:translateY(-2px)}.wallet-kpi-card.shipped{background:linear-gradient(135deg,#0d9488 0%,#0f766e 100%);box-shadow:0 4px 14px -2px #0d948859}.wallet-kpi-card.cancelled{background:linear-gradient(135deg,#475569 0%,#334155 100%);box-shadow:0 4px 14px -2px #47556959}.wallet-kpi-card.pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px -2px #f59e0b59}.wallet-kpi-card.processing{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 14px -2px #2563eb59}.wallet-kpi-card.delivered{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 14px -2px #10b98159}.wallet-kpi-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.wallet-kpi-card-lbl{text-transform:uppercase;letter-spacing:.03em;color:#ffffffe6;word-break:break-word;flex:1;min-width:0;font-size:.72rem;font-weight:700;line-height:1.25}.wallet-kpi-card-icon{color:#fff;background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wallet-kpi-card-val{color:#fff;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:800;line-height:1.15;overflow:hidden}@media (width<=1024px){.wallet-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.wallet-hero-banner{border-radius:var(--radius-xl);padding:20px 16px}.wallet-hero-balance{margin-bottom:6px;font-size:1.85rem}.wallet-kpi-grid{margin-bottom:var(--spacing-4);grid-template-columns:repeat(2,1fr);gap:8px}.wallet-kpi-card{border-radius:var(--radius-lg);min-height:80px;padding:10px 12px}.wallet-kpi-card-lbl{font-size:.68rem}.wallet-kpi-card-icon{border-radius:6px;width:24px;height:24px}.wallet-kpi-card-icon svg{width:14px;height:14px}.wallet-kpi-card-val{font-size:1.1rem}.orders-stat-card{border-radius:var(--radius-lg);gap:8px;padding:10px}.orders-stat-icon{border-radius:8px;width:32px;height:32px}.orders-stat-icon svg{width:16px;height:16px}.orders-stat-val{white-space:nowrap;font-size:1.05rem}.orders-stat-lbl{font-size:.7rem;line-height:1.15}}.billing-stat-grid{margin-bottom:var(--spacing-6);grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1024px){.billing-stat-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=540px){.billing-stat-grid{margin-bottom:var(--spacing-4);grid-template-columns:1fr;gap:10px}}.billing-plans-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}@media (width<=1024px){.billing-plans-grid{grid-template-columns:1fr;gap:16px}}.pricing-plan-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;flex-direction:column;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.pricing-plan-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px -6px #00000014}.pricing-plan-card.featured{border:2px solid var(--primary-500);background:linear-gradient(#9333ea05 0%,#fff 100%);box-shadow:0 10px 30px -5px #9333ea26,0 4px 12px #9333ea14}.pricing-plan-card.current{border:2px solid var(--success-500);background:linear-gradient(#10b98105 0%,#fff 100%)}.pricing-plan-card.coming-soon{border:1px dashed var(--gray-300);background:var(--gray-50);opacity:.9}.client-profile-grid{gap:var(--spacing-6);grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);align-items:start;display:grid}@media (width<=1024px){.client-profile-grid{gap:var(--spacing-4);grid-template-columns:1fr}}.clients-desktop-table{width:100%;min-width:0;max-width:100%;display:block}.clients-mobile-list{display:none}@media (width<=768px){.clients-desktop-table{display:none!important}.clients-mobile-list{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:12px;display:flex}}.client-mobile-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;flex-direction:column;gap:10px;padding:14px 16px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}.products-desktop-table{width:100%;min-width:0;max-width:100%;display:block}.products-mobile-list{display:none}@media (width<=768px){.products-desktop-table{display:none!important}.products-mobile-list{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:12px;display:flex}}.product-mobile-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;flex-direction:column;gap:10px;padding:14px 16px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000000a}@keyframes floatingCardIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}