@media (min-width:900px){html:not(.native-app){--desktop-nav-height:80px;--workspace-gutter:clamp(18px,2.2vw,38px);--workspace-max:1880px}html:not(.native-app) body{background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--brand-soft) 56%,transparent),transparent 26rem),var(--app-bg)}html:not(.native-app) .desktop-app-nav{position:fixed;inset:0 0 auto;z-index:1200;height:var(--desktop-nav-height);display:flex;align-items:center;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--header-bg-solid) 94%,transparent);box-shadow:0 1px 0 rgba(12,46,35,.02);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}html:not(.native-app) .desktop-app-nav__inner{width:100%;max-width:var(--workspace-max);height:100%;margin:0 auto;padding:0 var(--workspace-gutter);display:grid;grid-template-columns:minmax(160px,.7fr) auto minmax(320px,.9fr);align-items:center;gap:28px}html:not(.native-app) .desktop-app-nav__brand{width:max-content;color:var(--brand-strong);font-size:25px;font-weight:950;line-height:1;letter-spacing:-.065em;text-decoration:none}html:not(.native-app) .desktop-app-nav__brand>span{color:#12c985}html:not(.native-app) .desktop-app-nav__links{height:100%;display:flex;align-items:stretch;justify-content:center;gap:4px}html:not(.native-app) .desktop-app-nav__links a{position:relative;min-width:102px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-primary);font-size:13px;font-weight:850;text-decoration:none;transition:color .18s ease,background-color .18s ease}html:not(.native-app) .desktop-app-nav__links a:after{content:"";position:absolute;right:16px;bottom:0;left:16px;height:3px;border-radius:4px 4px 0 0;background:transparent}html:not(.native-app) .desktop-app-nav__links a:hover{color:var(--brand-strong);background:color-mix(in srgb,var(--brand-soft) 42%,transparent)}html:not(.native-app) .desktop-app-nav__links a.active{color:var(--brand-strong)}html:not(.native-app) .desktop-app-nav__links a.active:after{background:linear-gradient(90deg,var(--brand),#24d69a)}html:not(.native-app) .desktop-app-nav__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}html:not(.native-app) .desktop-app-nav__workspace{height:40px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--brand-border);border-radius:999px;background:color-mix(in srgb,var(--brand-soft) 68%,var(--surface));color:var(--brand-strong);font-size:11px;font-weight:900;cursor:pointer}html:not(.native-app) .desktop-app-nav__account,html:not(.native-app) .desktop-app-nav__icon{height:42px;border:1px solid var(--border);background:var(--surface);color:var(--brand-strong);box-shadow:var(--shadow-xs)}html:not(.native-app) .desktop-app-nav__icon{width:42px;display:grid;place-items:center;border-radius:50%;text-decoration:none}html:not(.native-app) .desktop-app-nav__notifications{position:relative}html:not(.native-app) .desktop-app-nav__notification-slot{position:absolute;inset:2px;display:grid;place-items:center}html:not(.native-app) .desktop-app-nav__notification-slot button{width:36px!important;height:36px!important;color:var(--brand-strong)!important}html:not(.native-app) .desktop-app-nav__account{min-width:69px;padding:0 10px 0 6px;display:inline-flex;align-items:center;justify-content:space-between;gap:6px;border-radius:999px;text-decoration:none}html:not(.native-app) .desktop-app-nav__account>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);font-size:11px;font-weight:950}html:not(.native-app) .app-bottom-nav-dock,html:not(.native-app) .app-mobile-header{display:none!important}html:not(.native-app) .app-main-shell{width:100%!important;max-width:var(--workspace-max)!important;padding:var(--desktop-nav-height) var(--workspace-gutter) 42px!important}html:not(.native-app) .app-main-shell>:is(.customer-home-screen,.dashboard-container,.supplier-network-page,.analytics-page){width:100%}html:not(.native-app) .customer-content-shell{max-width:none!important;padding:0!important}html:not(.native-app) .customer-context-panel{margin:18px 0 12px!important;padding:0!important}html:not(.native-app) .sticky-discovery{top:var(--desktop-nav-height)!important;margin:0 calc(var(--workspace-gutter) * -.25) 20px!important;padding:12px calc(var(--workspace-gutter) * .25) 13px!important;border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:0 0 18px 18px;background:color-mix(in srgb,var(--app-bg) 94%,transparent)!important;box-shadow:0 12px 30px rgba(16,61,46,.07);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}html:not(.native-app) .suppliers-grid.cards-view,html:not(.native-app) .suppliers-grid.list-view{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}html:not(.native-app) .supplier-card{min-height:345px;overflow:hidden;border:1px solid var(--border)!important;border-radius:20px!important;background:var(--surface)!important;box-shadow:0 8px 24px rgba(16,50,39,.07)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}html:not(.native-app) .supplier-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--brand-border) 70%,var(--border))!important;box-shadow:0 20px 46px rgba(12,58,42,.13)!important}html:not(.native-app) .supplier-cover{height:176px!important;background:var(--surface-soft)!important}html:not(.native-app) .supplier-cover>img{width:100%;height:100%;object-fit:cover!important}html:not(.native-app) .supplier-card-body{padding:46px 16px 14px!important;background:var(--surface)!important}html:not(.native-app) .supplier-logo{width:66px!important;height:66px!important;top:-34px!important;border-radius:17px!important;border-width:4px!important}html:not(.native-app) .supplier-title{font-size:17px!important;line-height:1.2!important}html:not(.native-app) .supplier-preview-strip{min-height:62px;margin-top:12px;padding:7px;border-radius:12px;background:var(--surface-soft)}html:not(.native-app) .supplier-preview-item{flex-basis:48px;width:48px;min-width:48px;height:48px;min-height:48px;border-radius:9px}html:not(.native-app) .main-content-wrapper{max-width:none!important;padding:22px 0 30px!important}html:not(.native-app) .stats-grid{grid-template-columns:1.45fr repeat(3,minmax(160px,1fr))!important;gap:14px!important;margin-bottom:18px!important}html:not(.native-app) .stats-grid>div{min-height:112px;border-radius:18px!important;box-shadow:0 8px 24px rgba(16,50,39,.07)!important}html:not(.native-app) .toolbar-container{grid-template-columns:minmax(320px,1fr) auto!important;border-radius:16px!important;box-shadow:var(--shadow-sm)!important}html:not(.native-app) .supplier-product-row{min-height:82px!important;padding:13px 16px!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(16,50,39,.055)!important}html:not(.native-app) .supplier-product-row:hover{border-color:var(--brand-border)!important;box-shadow:0 10px 24px rgba(16,80,57,.09)!important}html:not(.native-app) .supplier-network-page{padding:22px 0 40px!important}html:not(.native-app) .supplier-network-shell{max-width:none!important}html:not(.native-app) .supplier-network-header{min-height:150px;padding:24px 28px!important;border-radius:20px!important;background:linear-gradient(115deg,#066d4c,#08ad78)!important;color:#fff!important}html:not(.native-app) .supplier-network-header h1,html:not(.native-app) .supplier-network-header p{color:#fff!important}html:not(.native-app) .supplier-network-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start;gap:16px!important}html:not(.native-app) .supplier-network-card{align-self:start;min-height:0!important;border-radius:17px!important;box-shadow:0 7px 22px rgba(16,50,39,.065)!important}html:not(.native-app) .supplier-network-sheet{width:min(760px,calc(100vw - 56px))!important}html:not(.native-app) .customer-orders-page,html:not(.native-app) .supplier-orders-page{max-width:none!important;padding:22px 0 42px!important}html:not(.native-app) .supplier-orders-page{width:100%!important}html:not(.native-app) .supplier-orders-page>section:first-of-type{top:var(--desktop-nav-height)!important;margin:0 0 18px!important;padding:14px 0 12px!important;border-radius:0 0 18px 18px}html:not(.native-app) .customer-orders-sticky-header{top:var(--desktop-nav-height)!important;border-radius:0 0 18px 18px!important}html:not(.native-app) .customer-order-card,html:not(.native-app) .order-card{border-radius:17px!important;box-shadow:0 7px 22px rgba(16,50,39,.065)!important}html:not(.native-app) .order-card{max-width:none}html:not(.native-app) .customer-order-card:hover,html:not(.native-app) .order-card:hover{box-shadow:0 14px 32px rgba(16,50,39,.1)!important}html:not(.native-app) [data-profile-screen=true]{padding:24px 0 42px!important}html:not(.native-app) [data-profile-screen=true]>div{max-width:980px!important}html:not(.native-app) .analytics-page{max-width:none!important;padding:24px 0 42px!important}html:not(.native-app) .analytics-page>div{border-radius:18px!important}}@media (min-width:900px) and (max-width:1220px){html:not(.native-app) .desktop-app-nav__inner{grid-template-columns:120px 1fr auto;gap:14px}html:not(.native-app) .desktop-app-nav__links a{min-width:82px;padding-inline:9px}html:not(.native-app) .desktop-app-nav__links svg{display:none}html:not(.native-app) .desktop-app-nav__workspace{max-width:142px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}html:not(.native-app) .suppliers-grid.cards-view,html:not(.native-app) .suppliers-grid.list-view{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (hover:none),(max-width:899px){.desktop-app-nav{display:none!important}}@media (prefers-reduced-motion:reduce){.desktop-app-nav *,.supplier-card,.supplier-product-row{scroll-behavior:auto!important;transition:none!important;animation:none!important}}