.platform-app-shell{background:var(--white,var(--nxo-blanco-global));height:100dvh;display:flex;position:relative;overflow:hidden}.platform-app-sidebar-spacer{flex-shrink:0;transition:width .22s;display:none}.platform-app-sidebar{background:var(--nxo-gris-global);border-right:1px solid var(--border,var(--gray-200));z-index:50;flex-direction:column;flex-shrink:0;width:220px;height:100%;transition:transform .22s,width .22s,box-shadow .15s;display:flex;overflow:hidden}.platform-app-logo{border-bottom:1px solid var(--border,var(--gray-200));flex-shrink:0;align-items:center;height:55px;padding:0 18px;display:flex}.platform-app-logo.compact{justify-content:center;padding:0}.platform-app-logo img{width:auto;height:18px}.platform-app-logo img.platform-app-logo-icon{height:20px}.platform-app-context{border-bottom:1px solid var(--border,var(--gray-200));flex-shrink:0;padding:12px 16px}.platform-app-context p{color:var(--text,#172033);margin:0 0 5px;font-size:12.5px;font-weight:600}.platform-app-context span,.platform-app-role-chip{color:var(--accent,var(--nxo-naranja-global));background:var(--accent-bg,var(--orange-50));border:1px solid var(--orange-100,var(--orange-100));border-radius:20px;padding:3px 8px;font-size:10.5px;font-weight:650;display:inline-flex}.platform-app-nav{flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.platform-app-nav.compact{padding:8px 4px}.platform-app-nav-title{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.08em;margin:0;padding:8px 10px 5px;font-size:10px;font-weight:700}.platform-app-nav-link{border-radius:var(--r,10px);color:var(--text-sub,#64748b);align-items:center;gap:11px;padding:10px 13px;font-size:13.5px;font-weight:550;text-decoration:none;transition:background .12s,color .12s;display:flex}.platform-app-nav-link.compact{justify-content:center;gap:0;padding:10px 0}.platform-app-nav-link:hover{background:var(--gray-200,var(--gray-200));color:var(--text,#172033)}.platform-app-nav-link.active{color:var(--accent-hover,var(--orange-600));background:var(--accent-bg,var(--orange-50));font-weight:700}.platform-app-collapse{justify-content:flex-end;padding:4px 10px;display:flex}.platform-app-collapse.compact{justify-content:center}.platform-app-collapse button{border:1px solid var(--border,var(--gray-200));background:var(--white,var(--nxo-blanco-global));width:28px;height:28px;color:var(--text-muted,#94a3b8);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s,border-color .12s;display:flex}.platform-app-collapse button:hover{background:var(--gray-200,var(--gray-200));color:var(--text,#172033);border-color:var(--gray-200,var(--gray-200))}.platform-app-collapse svg{transition:transform .22s}.platform-app-user{border-top:1px solid var(--border,var(--gray-200));flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.platform-app-user.compact{justify-content:center;padding:12px 0}.platform-app-avatar,.platform-app-top-avatar{background:var(--accent,var(--nxo-naranja-global));width:32px;height:32px;color:var(--nxo-blanco-global);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.platform-app-user-copy{flex-direction:column;flex:1;min-width:0;display:flex}.platform-app-user-copy b{color:var(--text,#172033);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.platform-app-user-copy span{color:var(--text-muted,#94a3b8);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.platform-app-user button{color:var(--text-muted,#94a3b8);border-radius:var(--r-sm,7px);cursor:pointer;background:0 0;border:0;padding:6px;display:flex}.platform-app-user button:hover{color:#dc2626;background:#fff0f0}.platform-app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.platform-app-topbar{height:var(--topbar-h,56px);background:var(--nxo-gris-global);border-bottom:1px solid var(--border,var(--gray-200));box-shadow:var(--shadow-xs,0 1px 2px #0f172a0a);z-index:30;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex}.platform-app-menu-btn{cursor:pointer;color:var(--text-sub,#64748b);border-radius:var(--r-sm,7px);background:0 0;border:0;flex-shrink:0;padding:7px;display:flex}.platform-app-menu-btn:hover{background:var(--gray-200,var(--gray-200))}.platform-app-title{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.platform-app-title strong{color:var(--text,#172033);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.platform-app-live-dot{background:var(--gray-400,#94a3b8);border-radius:50%;flex-shrink:0;width:8px;height:8px;position:relative}.platform-app-live-dot.online{background:var(--green-600,#16a34a)}.platform-app-live-dot.online:after{content:"";background:var(--green-600,#16a34a);border-radius:50%;animation:2s ease-out infinite platformLivePulse;position:absolute;inset:0}@keyframes platformLivePulse{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(2.8)}}.platform-app-content{background:var(--white,var(--nxo-blanco-global));flex:1;min-height:0;overflow-y:auto}.platform-app-content>.pa3-root,.platform-app-content .pa3-root{min-height:100%}.platform-app-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#0f172a40;border:0;position:fixed;inset:0}.platform-bottom-nav{background:var(--nxo-gris-global);border-top:1px solid var(--border,var(--gray-200));z-index:30;padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bottom-nav-h,58px) + env(safe-area-inset-bottom));align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0f}.platform-mobile-link{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 4px;font-family:inherit;font-size:10.5px;font-weight:500;text-decoration:none;display:flex}.platform-mobile-link.active{color:var(--accent-hover,var(--orange-600));font-weight:700}.platform-mobile-icon{border-radius:999px;justify-content:center;align-items:center;padding:3px 14px;transition:background .15s;display:flex}.platform-mobile-link.active .platform-mobile-icon{background:var(--accent-bg,var(--orange-50))}.platform-stats-route .pa3-header{display:none!important}.platform-stats-route .pa3-root{min-height:auto}.platform-sellers-page .pa3-main{padding-top:28px}.platform-sellers-page .pa3-stack{gap:0}.platform-sellers-page .pa3-stack>section{flex-direction:column;min-width:0;display:flex}.platform-sellers-page .pa3-stack>section:before,.platform-sellers-page .pa3-stack>section:after{color:var(--text,#172033);letter-spacing:-.01em;border-bottom:1px solid var(--gray-200,var(--gray-200));margin-bottom:14px;padding:0 0 11px;font-size:15px;font-weight:820;display:block}.platform-sellers-page .pa3-stack>section:before{content:"01 · Resumen comercial";order:0}.platform-sellers-page .pa3-stack>section:after{content:"02 · Vendedores";order:2;margin-top:8px}.platform-sellers-page .pa3-stack>section>div:has(>.pa3-finance-card){order:1!important;margin-bottom:28px!important}.platform-sellers-page .pa3-client-toolbar{order:3;margin-top:0}.platform-sellers-page .pa3-stack>section>.pa3-finance-card,.platform-sellers-page .pa3-alert{order:4}.platform-sellers-page .pa3-client-loading,.platform-sellers-page .pa3-client-summary{order:5}.platform-sellers-page .pa3-client-table-wrap{order:6}.platform-sellers-page .pa3-client-cards{order:7}.platform-sellers-page .pa3-empty{order:8}.platform-sellers-page .pa3-page-head{margin-bottom:28px}@media (min-width:1024px){.platform-app-sidebar-spacer{display:block}.platform-app-sidebar{height:auto;position:fixed;top:0;bottom:0;left:0;transform:none!important}.platform-app-menu-btn{display:none}}@media (min-width:768px) and (max-width:1023px){.platform-app-sidebar{height:auto;box-shadow:var(--shadow-md,0 10px 30px #0f172a26);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.platform-app-sidebar.open{transform:translate(0)}.platform-app-collapse{display:none}}@media (max-width:767px){.platform-app-sidebar{height:auto;box-shadow:var(--shadow-md,0 10px 30px #0f172a26);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.platform-app-sidebar.open{transform:translate(0)}.platform-app-collapse{display:none}.platform-bottom-nav{display:flex}.platform-app-content{padding-bottom:calc(var(--bottom-nav-h,58px) + env(safe-area-inset-bottom))}.platform-app-content .pa3-main{padding-bottom:24px;padding-left:16px;padding-right:16px}.platform-app-role-chip{display:none}.platform-sellers-page .pa3-stack>section>div:has(>.pa3-finance-card){margin-bottom:22px!important}.platform-sellers-page .pa3-stack>section:before,.platform-sellers-page .pa3-stack>section:after{font-size:14px}}@media (max-width:479px){.platform-app-topbar{gap:8px;padding:0 10px}.platform-app-top-avatar{width:30px;height:30px}.platform-sellers-page .pa3-page-head h1{font-size:28px}}
.platform-app-main{width:0;max-width:100%}.platform-app-topbar{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.platform-app-title{min-width:0;overflow:hidden}.platform-app-role-chip,.platform-app-top-avatar,.platform-app-menu-btn{flex-shrink:0}@media (max-width:767px){.platform-app-topbar{min-height:var(--topbar-h,56px);height:var(--topbar-h,56px);align-items:center;padding:0 12px}.platform-app-menu-btn,.platform-app-title,.platform-app-top-avatar{align-self:center;margin-bottom:0}.platform-app-title{align-items:center;min-height:32px;display:flex}.platform-app-menu-btn{justify-content:center;align-items:center;width:36px;height:36px}.platform-app-shell.native-shell .platform-app-topbar{min-height:calc(var(--topbar-h,56px) + max(env(safe-area-inset-top,0px), 24px));height:calc(var(--topbar-h,56px) + max(env(safe-area-inset-top,0px), 24px));padding-top:max(env(safe-area-inset-top,0px), 24px)}.platform-app-shell.native-shell .platform-app-menu-btn,.platform-app-shell.native-shell .platform-app-title,.platform-app-shell.native-shell .platform-app-top-avatar{align-self:flex-end;margin-bottom:12px}}@media (max-width:479px){.platform-app-topbar{gap:8px}}