:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif}*,*:before,*:after{font-family:var(--font-sans)!important}body{font-family:var(--font-sans)!important;letter-spacing:-.015em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)!important;letter-spacing:-.035em;font-weight:700}button,input,select,textarea{font-family:var(--font-sans)!important}:root{--bg-main: #f8fafc;--bg-surface: #ffffff;--border-subtle: #f1f5f9;--border-default: #e2e8f0;--border-strong: #cbd5e1;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-light: #94a3b8;--primary: #0284c7;--primary-hover: #0369a1;--primary-light: #f0f9ff;--primary-border: #bae6fd;--success: #16a34a;--success-light: #f0fdf4;--warning: #d97706;--warning-light: #fffbeb;--danger: #dc2626;--danger-light: #fef2f2;--btn-radius: 8px;--input-radius: 8px;--card-radius: 14px;--card-radius-lg: 16px;--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .22);--glass-blur: blur(12px);--shadow-soft-sm: 0 1px 2px rgba(0, 0, 0, .03), 0 2px 6px rgba(15, 23, 42, .04);--shadow-soft: 0 2px 4px rgba(0, 0, 0, .02), 0 8px 24px rgba(15, 23, 42, .05);--shadow-soft-hover: 0 4px 8px rgba(0, 0, 0, .03), 0 16px 36px rgba(15, 23, 42, .08);--shadow-soft-lg: 0 4px 12px rgba(0, 0, 0, .03), 0 24px 48px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)!important;letter-spacing:-.02em;line-height:1.3;color:var(--text-primary)}button{font-family:inherit;font-size:inherit;border-radius:var(--btn-radius);touch-action:manipulation;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}button:active{transform:scale(.98)}.btn-flat-primary{background-color:var(--primary);color:#fff;border:none;border-radius:var(--btn-radius);padding:10px 20px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-flat-primary:hover{background-color:var(--primary-hover)}.btn-flat-secondary{background-color:#fff;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--btn-radius);padding:9px 18px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn-flat-secondary:hover{background-color:var(--bg-main);color:var(--text-primary)}.btn-flat-dark{background-color:var(--text-primary);color:#fff;border:none;border-radius:var(--btn-radius);padding:10px 20px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;border-radius:var(--input-radius);border:1px solid var(--border-strong);background-color:#fff;color:var(--text-primary);padding:10px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #0284c71f!important}.soft-card{background-color:var(--bg-surface);border-radius:var(--card-radius);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease}.soft-card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft-hover)}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.bento-col-12{grid-column:span 12}.bento-col-8{grid-column:span 8}.bento-col-6{grid-column:span 6}.bento-col-4{grid-column:span 4}.bento-col-3{grid-column:span 3}@media(max-width:960px){.bento-col-8,.bento-col-6{grid-column:span 12}.bento-col-4,.bento-col-3{grid-column:span 6}}@media(max-width:640px){.bento-col-4,.bento-col-3{grid-column:span 12}}.glass-hero-badge{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:#fff;border-radius:100px;display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.glass-hero-card{background:#ffffff24;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.25);border-radius:var(--card-radius-lg);color:#fff;box-shadow:0 8px 32px #0f172a1f}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;background-color:var(--border-subtle);padding:2px 6px;border-radius:6px;color:var(--primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:var(--text-light)}table{width:100%;border-collapse:collapse}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--card-radius)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.desktop-nav{display:flex!important}::selection{background-color:#0284c726;color:var(--text-primary)}html{scroll-behavior:smooth}@media(max-width:900px){.desktop-nav{display:none!important}.navbar-container{padding-left:12px!important;padding-right:12px!important;gap:8px!important}.navbar-subtitle,.navbar-logout-text{display:none!important}}@media(max-width:768px){html,body{font-size:13.5px}.container{padding:0 16px}input,select,textarea,button{min-height:44px}}@media(max-width:480px){html,body{font-size:13px}.container{padding:0 12px}}.container,main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.home-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:960px){.home-bento-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.home-bento-grid{grid-template-columns:1fr!important}.home-bento-grid>div{grid-column:span 1!important}}.supplier-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1100px){.supplier-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:580px){.supplier-stats-grid{grid-template-columns:1fr!important}}.supplier-inventory-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:900px){.supplier-inventory-grid{grid-template-columns:1fr!important}}.storefront-checkout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}@media(max-width:960px){.storefront-checkout-grid{grid-template-columns:1fr!important}}.plans-builder-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}@media(max-width:960px){.plans-builder-grid{grid-template-columns:1fr!important}}@media(max-width:768px){h1{font-size:clamp(22px,6vw,32px)!important}h2{font-size:clamp(19px,5vw,26px)!important}h3{font-size:clamp(16px,4.5vw,20px)!important}.table-responsive table{min-width:540px}button,input,select,textarea{min-height:44px}}@media(max-width:480px){.container{padding-left:12px;padding-right:12px}.modal-dialog{width:95vw!important;max-width:95vw!important;margin:10px auto!important;padding:16px!important}}@keyframes youtubeShimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.shimmer-div,.shimmer-thumb,.shimmer-line,.shimmer-circle,.shimmer-badge,.shimmer-button{background:#e2e8f0;background-image:linear-gradient(90deg,#e2e8f0cc,#f1f5f9f2,#fff,#f1f5f9f2 60%,#e2e8f0cc)!important;background-repeat:no-repeat!important;background-size:600px 100%!important;animation:youtubeShimmer 1.5s cubic-bezier(.4,0,.2,1) infinite!important;display:block}@keyframes topBarSlide{0%{left:-40%;right:100%}60%{left:20%;right:-10%}to{left:100%;right:-40%}}.youtube-top-loader{position:fixed;top:0;left:0;right:0;height:3px;background-color:#0284c726;z-index:99999;overflow:hidden;pointer-events:none}.youtube-top-loader-line{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#0284c7,#38bdf8,#0ea5e9);box-shadow:0 0 12px #0ea5e9d9;animation:topBarSlide 1.3s cubic-bezier(.4,0,.2,1) infinite}button,.btn{transition:all .2s cubic-bezier(.16,1,.3,1)}button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.97)}.bento-card,.plan-card,.stat-card,[class*=-card]{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#0284c7!important;box-shadow:0 0 0 3px #0284c726!important}@keyframes pageEntrance{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}main>div,main>section{animation:pageEntrance .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes floatAnimation{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float{animation:floatAnimation 3.5s ease-in-out infinite}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #16a34ab3}70%{transform:scale(1);box-shadow:0 0 0 6px #16a34a00}to{transform:scale(.95);box-shadow:0 0 #16a34a00}}.animate-live-pulse{animation:livePulse 2s cubic-bezier(.4,0,.6,1) infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif;--text-primary: #17364d;--text-secondary: #526e81;--text-muted: #728897;--primary: #086bce;--primary-hover: #0751a4;--primary-light: #e7f1ff;--primary-border: #c5e0e9;--border-default: #e1eaf0;--bg-main: #f5f8fa}html{scroll-padding-top:86px;text-size-adjust:100%}body{color:var(--text-primary);background:var(--bg-main);font-family:var(--font-sans);letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.035em;font-feature-settings:"ss01" on}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,107,206,.27);outline-offset:2px}main:not(.cc-main){padding:0!important}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(219,231,237,.9);background:#fffffff5;box-shadow:0 3px 14px #1b415609;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.navbar-container{display:grid!important;grid-template-columns:minmax(220px,1fr) auto minmax(180px,1fr);width:min(1440px,100%);height:76px!important;gap:22px!important;align-items:center;margin:0 auto;padding:0 30px!important}.brand-button{display:inline-flex;min-width:0;align-items:center;gap:11px;justify-self:start;padding:0;border:0;background:transparent;text-align:left}.brand-mark{position:relative;display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid #d9eaf0;border-radius:13px;color:#086bce;background:#f0f8fb}.brand-mark img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.brand-fallback{position:absolute;inset:0;margin:auto}.brand-copy{display:grid;min-width:0;gap:3px}.brand-wordmark{display:inline-flex;align-items:baseline;gap:3px;color:#17364d;font-size:17px;font-weight:820;letter-spacing:-.045em;white-space:nowrap}.brand-wordmark>span:nth-child(2){color:#086bce}.brand-wordmark small{margin-left:3px;color:#8295a1;font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.navbar-subtitle{overflow:hidden;color:#718695;font-size:10px;font-weight:520;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.portal-badge{max-width:180px;overflow:hidden;padding:6px 9px;border:1px solid #dce9ee;border-radius:999px;color:#557386;background:#f6fafb;font-size:9px;font-weight:750;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.portal-supplier .portal-badge{border-color:#d6eade;color:#427657;background:#f4faf5}.portal-delivery .portal-badge{border-color:#e9e1ce;color:#8b6b2d;background:#fbf8f1}.portal-superadmin .portal-badge{border-color:#e6dce0;color:#835564;background:#faf5f6}.portal-nav{display:flex!important;align-items:center;justify-content:center;gap:5px!important}.portal-nav-link{min-height:38px;padding:0 13px;border:0;border-radius:9px;color:#526c7e;background:transparent;font-size:12px;font-weight:630;white-space:nowrap}.portal-nav-link:hover,.portal-nav-link.is-active{color:#086bce;background:#e7f1ff}.navbar-actions{display:flex;align-items:center;justify-self:end;gap:8px}.navbar-user{display:inline-flex;max-width:190px;min-height:38px;align-items:center;gap:8px;padding:4px 10px 4px 5px;border:1px solid #e1eaf0;border-radius:10px;color:#29485e;background:#fff;text-align:left}button.navbar-user:hover{border-color:#c5dbe5;background:#f8fbfc}.navbar-user-static{cursor:default}.navbar-avatar{display:grid;width:28px;height:28px;flex:0 0 auto;place-items:center;border-radius:8px;color:#086bce;background:#eaf5f9;font-size:11px;font-weight:760}.navbar-username{max-width:130px;overflow:hidden;color:#29485e;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.navbar-signin,.navbar-signout{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #d9e7ed;border-radius:10px;color:#385970;background:#fff;font-size:11px;font-weight:700;white-space:nowrap}.navbar-signin{border-color:#086bce;color:#fff;background:#086bce;box-shadow:0 5px 12px #086bce26}.navbar-signin:hover{border-color:#0751a4;background:#0751a4}.navbar-signout:hover{border-color:#c5dbe5;background:#f7fafb}.mobile-bottom-nav{display:none!important}@media(max-width:980px){.navbar-container{height:auto!important;min-height:68px;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px!important;padding:10px 20px!important}.desktop-nav.portal-nav{display:flex!important;grid-column:1 / -1;grid-row:2;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.portal-nav::-webkit-scrollbar{display:none}.navbar-actions{grid-column:2;grid-row:1}}@media(max-width:560px){.navbar-container{padding:9px 14px!important;gap:6px 8px!important}.brand-mark{width:36px;height:36px;border-radius:11px}.brand-wordmark{font-size:15px}.navbar-subtitle,.portal-badge,.navbar-username,.navbar-signout span{display:none!important}.navbar-user{min-height:38px;padding:4px;border-color:transparent;background:transparent}.navbar-signin,.navbar-signout{width:39px;min-width:39px;min-height:39px;padding:0}.navbar-signin span{display:none}.portal-nav-link{min-height:36px;padding:0 11px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cc-app .cc-shell{width:100%;min-width:0}.cc-app .cc-body,.cc-app .cc-main,.cc-app .cc-main>section,.cc-app .cc-page-heading>div:first-child,.cc-app .cc-panel-heading>div:first-child{min-width:0}.cc-app .cc-main{width:100%;box-sizing:border-box}.cc-app .cc-page-heading h1{max-width:100%;overflow-wrap:anywhere}.cc-app .cc-metric-grid>*,.cc-app .cc-overview-grid>*,.cc-app .cc-account-grid>*,.cc-app .cc-plan-limits>*{min-width:0}.cc-app .cc-action-row>span:nth-child(2),.cc-app .cc-record-link>span:last-child{min-width:0;overflow-wrap:anywhere}.cc-app .cc-table-scroll{max-width:100%;overscroll-behavior-x:contain}@media(max-width:700px){.cc-app .cc-page-heading{flex-wrap:wrap}.cc-app .cc-page-heading>div:first-child{flex:1 1 180px}.cc-app .cc-page-heading>.cc-primary,.cc-app .cc-page-heading>.cc-secondary{max-width:100%;white-space:normal;text-align:center}.cc-app .cc-panel-heading{flex-wrap:wrap}.cc-app .cc-panel-heading>div:first-child{flex:1 1 180px}.cc-app .cc-panel-heading>.cc-primary,.cc-app .cc-panel-heading>.cc-secondary{max-width:100%;white-space:normal;text-align:center}.cc-app .cc-table-scroll table tr{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.cc-app .cc-page-heading>.cc-primary,.cc-app .cc-page-heading>.cc-secondary{margin-top:0}}.cookie-shade{position:fixed;inset:0;z-index:10010;background:#0b1c3c70;backdrop-filter:blur(3px)}.cookie-notice{position:fixed;bottom:20px;left:20px;z-index:10011;width:min(520px,calc(100vw - 40px));border:1px solid #d6e1ef;border-radius:15px;box-shadow:0 10px 50px #142b4d28;background:#fff;color:#203654;padding:23px;font-family:inherit;max-height:calc(100dvh - 40px);overflow:auto}.cookie-notice.cookie-centered{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%)}.cookie-notice-heading{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:15px}.cookie-notice-heading>span{display:flex;align-items:center;gap:9px}.cookie-notice-heading svg{color:#2563eb}.cookie-notice button{font:inherit;font-size:11px;cursor:pointer;background:#fff;border:1px solid #d6e1ef;border-radius:8px;color:#344967;padding:10px 12px;font-weight:700}.cookie-notice-heading button{display:flex;padding:4px;border:0}.cookie-notice p{font-size:12px;line-height:1.7;color:#64748b;margin:14px 0}.cookie-notice .cookie-required{background:#eef4ff;color:#28579a;padding:10px 12px;border-radius:8px}.cookie-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 12px}.cookie-notice .cookie-primary{color:#fff;background:#2563eb;border-color:#2563eb}.cookie-notice>a{font-size:11px;color:#2563eb;text-decoration:none}.cookie-options>div,.cookie-options>label{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #e1e8f2;border-radius:9px;padding:14px;margin:10px 0;font-size:11px}.cookie-options strong{display:block;font-size:12px}.cookie-options small{display:block;margin-top:6px;line-height:1.6;color:#64748b}.cookie-options input{accent-color:#2563eb;width:18px;height:18px;flex-shrink:0}.cookie-options>div>span:last-child{white-space:nowrap;color:#577599}.cookie-options svg{display:none}.cookie-notice :is(button,input,a):focus-visible{outline:3px solid #93c5fd;outline-offset:3px}@media(max-width:540px){.cookie-notice{bottom:12px;left:12px;width:calc(100vw - 24px);padding:20px}.cookie-actions{gap:8px}.cookie-actions button{flex:1;min-width:130px}.cookie-notice.cookie-centered{left:50%}}