*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{color:#0a0a0a;background:#f8faff;max-width:100vw;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}main{min-width:0;max-width:100%;overflow-x:hidden}.portal-wrap{height:100vh;display:flex;overflow:hidden}.portal-sidebar{background:#fff;border-right:1px solid #f0f0f0;flex-direction:column;flex-shrink:0;width:180px;display:flex}.portal-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.portal-content{flex-direction:column;flex:1;gap:14px;padding:20px 24px;display:flex;overflow-y:auto}.portal-topbar{flex-shrink:0}.portal-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex;overflow-y:auto}.portal-sidebar-foot{border-top:1px solid #f0f0f0;padding:10px}.pg4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.pg3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pg2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pg5{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.admin-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.admin-pkg-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.admin-client-row{border-bottom:1px solid #f8faff;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 24px;display:flex}.admin-client-btns{flex-wrap:wrap;gap:8px;display:flex}.mobile-nav-toggle{display:none!important}.icon-btn{cursor:pointer;color:#374151;background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .15s,border-color .15s,color .15s;display:flex}.icon-btn:hover{color:#7c3aed;background:#f5f3ff;border-color:#7c3aed}.agent-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.agent-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.portal-wrap{flex-direction:column!important}.portal-sidebar{border-bottom:1px solid #f0f0f0!important;border-right:none!important;flex-shrink:0!important;width:100%!important;height:auto!important}.portal-sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row!important;gap:2px!important;padding:6px 8px!important;overflow:auto hidden!important}.portal-sidebar-nav::-webkit-scrollbar{display:none}.portal-sidebar-nav .si{white-space:nowrap!important;border-radius:7px!important;flex-shrink:0!important;padding:7px 11px!important;font-size:11px!important}.portal-sidebar-foot{display:none!important}.portal-main{flex:1;min-height:0}.portal-content{gap:10px!important;padding:12px 14px!important}.pg4,.pg3{grid-template-columns:1fr 1fr!important;gap:8px!important}.pg2{grid-template-columns:1fr!important;gap:8px!important}.pg5{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.portal-topbar{padding:10px 14px!important}.portal-topbar-right{display:none!important}.admin-stats{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:16px!important}.admin-pkg-grid{grid-template-columns:1fr!important}.admin-client-row{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px 16px!important}.admin-client-btns{width:100%}.agent-grid,.agent-grid-3{grid-template-columns:1fr!important}.mobile-nav-toggle{display:flex!important}}@media (max-width:480px){.pg4{grid-template-columns:1fr 1fr!important}.pg3{grid-template-columns:1fr!important}.pg5{grid-template-columns:1fr 1fr!important}}