html,body{scroll-behavior:smooth;height:100%}:root{--sidebar-offset:0px;--header-left-offset:0px}.app-shell{background:var(--bg-app);width:100%;display:flex;position:relative}.app-main-wrapper{flex-direction:column;flex:1;width:100%;min-width:0;margin-left:0;transition:margin-left .26s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=1023px){:root,.app-shell{--sidebar-offset:0px!important;--header-left-offset:0px!important}html,body{touch-action:pan-y;-webkit-overflow-scrolling:touch!important;height:auto!important;min-height:100%!important;overflow:hidden auto!important}body[style*="overflow: hidden"]{overflow:hidden!important}.app-shell{height:auto!important;min-height:100dvh!important;overflow:visible!important}.app-main-wrapper{height:auto!important;min-height:100dvh!important;margin-left:0!important;overflow:visible!important}}@media (width>=1024px){:root{--sidebar-offset:256px;--header-left-offset:256px}html,body{height:100%;overflow:hidden}.app-shell{height:100vh;min-height:100vh;overflow:hidden}.app-main-wrapper{height:100vh;overflow:hidden;margin-left:var(--sidebar-offset,256px)!important}}.sidebar{z-index:30;height:100vh;box-shadow:1px 0 0 var(--border-default);will-change:width;background:#fff;flex-direction:column;transition:width .26s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;left:0;overflow:hidden}@media (width>=1024px){.sidebar{display:flex}}.sidebar-logo{border-bottom:1px solid var(--border-default);flex-shrink:0;align-items:center;height:58px;padding:0 16px;display:flex;overflow:hidden}.sidebar-logo-mark{width:32px;height:32px;color:var(--text-secondary);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex}.sidebar-logo-mark:hover{background:var(--bg-muted)}.sidebar-logo-text{white-space:nowrap;flex-direction:column;min-width:0;display:flex;overflow:hidden}.sidebar-logo-sub{color:var(--text-muted);letter-spacing:.2px;text-transform:uppercase;font-size:10px;font-weight:500}.sidebar-nav{flex:1;padding:10px 0;overflow:hidden auto}.sidebar-group{margin-bottom:2px;padding:0 10px}.sidebar-group-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;opacity:1;max-height:28px;padding:8px 6px 4px;font-size:10px;font-weight:600;transition:opacity .18s,max-height .24s cubic-bezier(.4,0,.2,1),padding .24s,margin .24s;display:block;overflow:hidden}.sidebar-group-label.collapsed{opacity:0;pointer-events:none;max-height:0;margin:0;padding-top:0;padding-bottom:0}.sidebar-item{color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;height:38px;margin-bottom:2px;padding:0 8px;font-size:13px;font-weight:400;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative;overflow:hidden}.sidebar-item:hover{background:var(--bg-muted);color:var(--text-primary);text-decoration:none}.sidebar-item.active{background:var(--bg-selected);color:var(--brand-primary);font-weight:500}.sidebar-item.active .sidebar-item-icon{color:var(--brand-primary)}.sidebar-item-icon-box{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sidebar-item-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s}.sidebar-item:hover .sidebar-item-icon{color:var(--text-primary)}.sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;opacity:1;flex:1;max-width:170px;transition:opacity .18s,max-width .24s cubic-bezier(.4,0,.2,1),transform .18s;overflow:hidden;transform:translate(0)}.sidebar-item-label.collapsed{opacity:0;pointer-events:none;max-width:0;transform:translate(-4px)}.sidebar-item.active:before{content:"";background:var(--brand-primary);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.main-content{flex-direction:column;flex:1;width:100%;min-width:0;margin-top:58px;display:flex}.page-wrapper{flex-direction:column;flex:1;width:100%;padding:14px;display:flex}@media (width<=1023px){.main-content{min-height:calc(100dvh - 58px);height:auto!important;overflow:visible!important}.page-wrapper{height:auto!important;padding-bottom:max(env(safe-area-inset-bottom,0px), 80px)!important;overflow:hidden visible!important}}@media (width>=640px) and (width<=1023px){.page-wrapper{padding:18px;padding-bottom:max(env(safe-area-inset-bottom,0px), 80px)!important}}@media (width>=1024px){.main-content{height:calc(100vh - 58px);overflow:hidden}.page-wrapper{-webkit-overflow-scrolling:touch;min-height:0;padding:24px;overflow:hidden auto}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-slideRight{animation:.28s cubic-bezier(.16,1,.3,1) forwards slideRight}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:.2s ease-out forwards fadeIn}.overlay-backdrop{background-color:var(--overlay-backdrop)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-modal-pop{animation:.22s cubic-bezier(.16,1,.3,1) forwards modalScaleIn}