.portal-layout{background:#fafbfc;min-height:100vh;display:flex}.portal-sidebar{color:#fff;z-index:1030;background:#1a3e72;flex-direction:column;width:260px;height:100vh;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0}.portal-sidebar.collapsed{width:80px}.portal-sidebar.collapsed .sidebar-logo .logo-text,.portal-sidebar.collapsed .nav-label,.portal-sidebar.collapsed .nav-badge,.portal-sidebar.collapsed .nav-group-header.has-active-child:after,.portal-sidebar.collapsed .user-details,.portal-sidebar.collapsed .logout-btn span{display:none}.portal-sidebar .sidebar-header{border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.portal-sidebar .sidebar-header .sidebar-logo{align-items:center;gap:.5rem;display:flex}.portal-sidebar .sidebar-header .sidebar-logo .logo-text,.portal-sidebar .sidebar-header .sidebar-logo .logo-icon{font-size:1.25rem;font-weight:700}.portal-sidebar .sidebar-header .sidebar-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:background .15s}.portal-sidebar .sidebar-header .sidebar-toggle:hover{background:rgba(255,255,255,.1)}.portal-sidebar .sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto}.portal-sidebar .sidebar-nav .nav-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex;position:relative}.portal-sidebar .sidebar-nav .nav-item:hover:not(.disabled){background:rgba(255,255,255,.1)}.portal-sidebar .sidebar-nav .nav-item.active{color:#fff;background:#4a90e2}.portal-sidebar .sidebar-nav .nav-item.active:before{content:"";background:#fff;width:4px;position:absolute;top:0;bottom:0;left:0}.portal-sidebar .sidebar-nav .nav-item.disabled{opacity:.5;cursor:not-allowed}.portal-sidebar .sidebar-nav .nav-item .nav-icon{min-width:20px;font-size:1.125rem}.portal-sidebar .sidebar-nav .nav-item .nav-label{flex:1}.portal-sidebar .sidebar-nav .nav-item .nav-badge{color:#fff;background:#f57c20;border-radius:9999px;padding:2px 8px;font-size:.75rem}.portal-sidebar .sidebar-nav .nav-group{display:block}.portal-sidebar .sidebar-nav .nav-group-header{font-weight:600}.portal-sidebar .sidebar-nav .nav-group-header .nav-chevron{opacity:.65;font-size:.75rem}.portal-sidebar .sidebar-nav .nav-group-header.has-active-child:after{content:"";background:#f57c20;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.portal-sidebar .sidebar-nav .nav-group-children{padding-bottom:.5rem}.portal-sidebar .sidebar-nav .nav-leaf{padding:.5rem 1.5rem .5rem 3.5rem;font-size:.875rem;font-weight:400}.portal-sidebar .sidebar-nav .nav-leaf .nav-icon{min-width:16px;font-size:1rem}.portal-sidebar .sidebar-nav .nav-leaf.active:before{left:1.5rem}.portal-sidebar .sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem}.portal-sidebar .sidebar-footer .user-info{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.portal-sidebar .sidebar-footer .user-info .user-avatar{background:#4a90e2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;display:flex}.portal-sidebar .sidebar-footer .user-info .user-details{flex:1;min-width:0}.portal-sidebar .sidebar-footer .user-info .user-details .user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.portal-sidebar .sidebar-footer .user-info .user-details .user-role{color:rgba(255,255,255,.7);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.portal-sidebar .sidebar-footer .logout-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.1);border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.875rem;transition:background .15s;display:flex}.portal-sidebar .sidebar-footer .logout-btn:hover{background:rgba(255,255,255,.2)}.portal-main{flex-direction:column;flex:1;min-width:0;margin-left:260px;transition:margin-left .3s;display:flex}.collapsed~.portal-main{margin-left:80px}.portal-main .portal-topbar{z-index:1020;background:#fff;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.portal-main .portal-topbar .topbar-left{align-items:center;gap:1rem;min-width:0;display:flex}.portal-main .portal-topbar .topbar-left .topbar-hamburger{color:#1a3e72;cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.5rem;font-size:1.25rem;line-height:1;transition:background .15s;display:none}.portal-main .portal-topbar .topbar-left .topbar-hamburger:hover{background:#ccc}.portal-main .portal-topbar .topbar-left .page-title{color:#1a3e72;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.5rem;font-weight:700;overflow:hidden}.portal-main .portal-topbar .topbar-right .user-greeting{color:#666;font-size:.875rem}.portal-main .portal-topbar .topbar-right .user-greeting strong{color:#1a3e72}.portal-main .portal-content{flex:1;padding:2rem;overflow-y:auto}.portal-sidebar-backdrop{z-index:1025;cursor:pointer;background:rgba(0,0,0,.5);display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (max-width:768px){.portal-sidebar{transform:translate(-100%)}.portal-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 12px rgba(0,0,0,.25)}.portal-main{margin-left:0}.portal-main .portal-topbar .topbar-left .topbar-hamburger{justify-content:center;align-items:center;display:inline-flex}.portal-sidebar-backdrop{display:block}.portal-main .portal-content{padding:1rem}.portal-main .portal-topbar{padding:0 1rem}.portal-main .portal-topbar .topbar-left .page-title{font-size:1.25rem}.portal-main .portal-topbar .topbar-right{display:none}}