*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100svh;margin:0;padding:0;display:block}.app-layout{min-height:100vh;display:flex}.main-content{flex:1;min-width:0;overflow-y:auto}.page-container{box-sizing:border-box;width:100%;max-width:1100px;padding:28px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.mobile-header{z-index:100;align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.sidebar{transition:transform .25s}.sidebar-overlay{z-index:98;background:#0006;display:none;position:fixed;inset:0}.nav-item{color:#65676b;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:#1c1e21;background:#f0f2f5}.nav-item.active{color:#1877f2;background:#e7f0fd;border-left-color:#1877f2;font-weight:600}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=768px){.mobile-header{display:flex}.sidebar{z-index:99;height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:240px!important}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000026}.sidebar-overlay.open{display:block}.main-content{padding-top:56px}.page-container{padding:16px}.page-header{flex-wrap:wrap;gap:10px}}