.portal-layout{display:flex;gap:32px;align-items:flex-start}.portal-sidebar{width:250px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.portal-content{flex:1;background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03);min-width:0;overflow-x:auto}.portal-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(0,0,0,.1);z-index:50;padding:8px 16px env(safe-area-inset-bottom,8px)}.portal-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto}.portal-bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;font-size:10px;font-weight:500;color:#64748b;cursor:pointer;padding:8px 12px;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.portal-bottom-nav-item.active{color:var(--portal-primary,#14233d)}.portal-bottom-nav-item.active svg{transform:scale(1.1);color:var(--portal-accent,#c9a646)}.portal-bottom-nav-item:active{transform:scale(.95)}.swipeable-card{transition:transform .2s}.swipeable-card:active{transform:scale(.98)}.table-responsive-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}@media (max-width:768px){.portal-layout{flex-direction:column;gap:16px}.portal-sidebar{display:none}.portal-content{padding:20px;border-radius:12px;margin-bottom:80px}.portal-bottom-nav{display:block}.portal-header{padding:16px 20px!important}.portal-header-title{font-size:18px!important}.portal-header-user span{display:none}.portal-main-container{padding:16px!important}.kpi-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.kpi-card{padding:16px!important}.kpi-value{font-size:24px!important}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr!important}}