.app-layout{min-height:100vh;display:flex}.sidebar{z-index:1000;background:linear-gradient(#8b1538 0%,#6b0f2a 100%);flex-direction:column;width:64px;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:2px 0 8px #0000001a}.sidebar:hover{width:240px}.sidebar-logo{text-align:center;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;height:64px;padding:20px;display:flex}.sidebar-logo img{width:auto;height:32px}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:8px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav-item{color:#fffc;cursor:pointer;white-space:nowrap;align-items:center;padding:9px 20px;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#fff;background-color:#ffffff1a}.sidebar-nav-item.active{color:#fff;background-color:#d32f2f4d;border-left:4px solid #ff6b6b}.sidebar-nav-item-icon{justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;font-size:20px;display:flex}.sidebar-nav-item-label{opacity:0;margin-left:16px;transition:opacity .2s}.sidebar:hover .sidebar-nav-item-label,.sidebar.mobile-open .sidebar-nav-item-label{opacity:1}.sidebar-sub-menu{max-height:0;transition:max-height .25s;overflow:hidden}.sidebar:hover .sidebar-sub-menu,.sidebar.mobile-open .sidebar-sub-menu{max-height:200px}.sidebar-sub-item{background-color:#00000026;position:relative;border-left:3px solid #ffffff26!important;padding:8px 20px!important}.sidebar-sub-item:before{content:"";background:#ffffff4d;width:12px;height:1px;display:inline-block;position:absolute;top:50%;left:8px}.sidebar-sub-item .sidebar-nav-item-icon svg{width:18px;height:18px}.sidebar-sub-item .sidebar-nav-item-label{font-size:.85rem}.sidebar-sub-item.active{color:#fff;background-color:#d32f2f40!important;border-left:3px solid #ff6b6b!important}.main-wrapper{width:calc(100% - 64px);margin-left:64px;transition:margin-left .3s,width .3s}.top-header{height:64px;box-shadow:none;z-index:100;background:#f5f5f5;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.top-header-left{align-items:center;gap:16px;display:flex}.top-header-title{color:#1f2937;font-size:20px;font-weight:600}.top-header-right{align-items:center;gap:16px;display:flex}.content-area{background-color:#f5f5f5;min-height:calc(100vh - 64px);padding:24px}.app-layout .main-tab{display:none}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{width:240px;transform:translate(0)}.main-wrapper{width:100%;margin-left:0}.hamburger-btn{display:block!important}}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;display:none}.hamburger-btn:hover{background:#0000000d}.sidebar-overlay{z-index:999;background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}@media (width<=1024px){.content-area{padding:16px}}