:root{--left-panel-width:440px}@media (min-width:1800px){:root{--left-panel-width:480px}}.app-layout{min-height:100dvh}.app-sider{height:42px!important;width:var(--left-panel-width)!important;z-index:1000!important;box-shadow:none!important;background:#fff!important;border-bottom:1px solid #e8e8e8!important;border-right:1px solid #e8e8e8!important;border-radius:0!important;max-height:none!important;transition:all .3s!important;position:fixed!important;top:0!important;left:0!important;overflow:visible!important;transform:none!important}.logo-container{color:#fff;background:#374151;border-bottom:1px solid #e8e8e8;justify-content:center;align-items:center;height:52px;padding:0;display:flex}.logo-section{justify-content:center;align-items:center;display:flex}.logo-icon-wrapper{background:#fff3;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-icon{color:#fff;stroke-width:2px!important;font-size:16px!important;font-weight:600!important}.logo-content{display:none!important}.logo-subtitle{margin:0;line-height:1;color:#fffc!important;font-size:12px!important}.collapse-button{color:#fffc!important;background:#ffffff1a!important;border:none!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;transition:all .3s!important;display:flex!important}.collapse-button:hover{color:#fff!important;background:#fff3!important}.current-page-indicator{background:#f8f9fa;border-bottom:1px solid #e8e8e8;margin-bottom:8px;padding:12px 20px}.page-breadcrumb{align-items:center;gap:8px;display:flex}.current-page-title{color:#374151!important;font-size:14px!important;font-weight:500!important}.sidebar-content{flex-direction:row;align-items:center;height:100%;padding:0 16px;display:flex;overflow:visible}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.menu-group{flex-direction:row;align-items:center;gap:2px;width:100%;height:100%;margin:0;padding:0;display:flex}.menu-group-title{display:none!important}.side-menu{background:0 0!important;border-right:0!important}.side-menu .ant-menu-item{text-align:center;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;margin:3px auto!important;padding:0!important;line-height:40px!important;transition:all .3s!important;display:flex!important}.side-menu .ant-menu-item:hover{background:#f8f9fa!important}.side-menu .ant-menu-item-selected{color:#374151!important;background:#e6f7ff!important;font-weight:500!important}.side-menu .ant-menu-item-selected:after{display:none!important}.side-menu .ant-menu-item-selected .ant-menu-item-icon,.side-menu .ant-menu-item-selected a{color:#374151!important}.side-menu .ant-menu-item .ant-menu-item-icon{margin-right:0!important;font-size:20px!important}.side-menu .ant-menu-item a{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important}.side-menu .ant-menu-item a span:not(.anticon){display:none!important}.connection-status{background:#fafafa;border:1px solid #e8e8e8;border-radius:12px;align-items:center;padding:6px 12px;display:flex}.app-content{overscroll-behavior-x:none;-ms-overflow-style:none;scrollbar-width:none;min-height:100dvh;overflow:auto;background:#fff!important;margin-top:0!important;margin-left:0!important;transition:all .3s!important}.app-content::-webkit-scrollbar{display:none}html,body{-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior-x:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.app-footer{z-index:100;border:none!important;border-top:1px solid #e8e8e8!important;border-radius:0!important;transition:all .3s!important;box-shadow:0 -1px 4px #0000000d!important}.ant-layout-has-sider .ant-layout-sider-collapsed+.ant-layout .app-content{margin-left:76px!important}.app-footer a{color:#8c8c8c!important;font-size:12px!important;text-decoration:none!important;transition:color .3s!important}.app-footer a:hover{color:#18181b!important}.app-footer a:active{color:#09090b!important}.ant-dropdown-menu{min-width:80px;border:1px solid #e8e8e8!important;border-radius:8px!important;padding:2px!important;box-shadow:0 4px 16px #00000026!important}.ant-dropdown-menu-item{border-radius:4px!important;margin:1px 0!important;padding:4px 10px!important;font-size:13px!important;line-height:1.4!important;transition:all .2s!important}.ant-dropdown-menu-item:hover{color:#374151!important;background:#f8f9fa!important}.ant-dropdown-menu-item-divider{background:#e8e8e8!important;margin:8px 0!important}.ant-dropdown-menu-item svg{opacity:.8;transition:all .3s;stroke-width:2px!important;font-weight:600!important}.ant-dropdown-menu-item:hover svg{opacity:1;transform:scale(1.1);stroke-width:2.5px!important}.ant-dropdown-menu-item[data-key=logout] svg{color:#ff4d4f;stroke-width:2px!important}.ant-dropdown-menu-item[data-key=billing] svg{color:#52c41a;stroke-width:2px!important}.ant-dropdown-menu-item[data-key=profile] svg{color:#18181b;stroke-width:2px!important}.side-menu .ant-menu-item svg{filter:drop-shadow(0 1px 2px #0000001a);transition:all .3s cubic-bezier(.4,0,.2,1);color:#374151!important;stroke-width:3px!important;font-size:14px!important;font-weight:600!important}.side-menu .ant-menu-item:hover svg{filter:drop-shadow(0 2px 4px #00000026);transform:scale(1.1);color:#18181b!important;stroke-width:3.5px!important}.side-menu .ant-menu-item-selected svg{filter:drop-shadow(0 2px 8px #37415133);transform:scale(1.05);color:#18181b!important;stroke-width:3.5px!important}.side-menu .ant-menu-item svg path,.side-menu .ant-menu-item svg circle{transition:all .3s;stroke-width:inherit!important}.side-menu .ant-menu-item:hover svg path[fill-opacity],.side-menu .ant-menu-item:hover svg circle[fill-opacity]{fill-opacity:1}.side-menu .ant-menu-item .ant-menu-item-icon{color:#374151!important;margin-right:12px!important;font-size:14px!important}.side-menu .ant-menu-item:hover .ant-menu-item-icon,.side-menu .ant-menu-item-selected .ant-menu-item-icon{color:#18181b!important}.collapse-button svg{stroke-width:2px!important;color:#ffffffe6!important;font-weight:600!important}.collapse-button:hover svg{color:#fff!important}@media (max-width:1200px){.app-content{margin-left:0;padding:0}.ant-layout-has-sider .ant-layout-sider-collapsed+.ant-layout .app-content{margin-left:76px!important}}.mobile-bottom-nav{display:none!important}.app-sider.ant-layout-sider-collapsed .logo-content,.app-sider.ant-layout-sider-collapsed .current-page-indicator,.app-sider.ant-layout-sider-collapsed .menu-group-title,.app-sider.ant-layout-sider-collapsed .logo-section{display:none}.app-sider.ant-layout-sider-collapsed .logo-container{justify-content:center;padding:0;position:relative}.app-sider.ant-layout-sider-collapsed .collapse-button{z-index:10;position:static;transform:none;background:#fff3!important;border:1px solid #ffffff4d!important}.side-menu .ant-menu-item,.connection-status{transition:all .3s}.side-menu .ant-menu-item:focus{outline-offset:2px;outline:2px solid #374151}.collapse-button:focus{outline-offset:2px;outline:2px solid #ffffff80}.menu-item{color:#374151!important;background:0 0!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;margin:0!important;text-decoration:none!important;transition:all .3s!important;display:flex!important}.menu-item:hover{color:#18181b!important;background:#f8f9fa!important}.menu-item.active{color:#18181b!important;background:0 0!important;font-weight:500!important;position:relative!important}.menu-item.active:before{content:"";z-index:-1;background:#e6f7ff;border-radius:6px;width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-icon{justify-content:center!important;align-items:center!important;font-size:16px!important;display:flex!important}.sidebar-brand-center{-webkit-user-select:none;user-select:none;color:inherit;flex:1;justify-content:center;align-items:center;gap:6px;text-decoration:none;transition:opacity .2s;display:flex}.sidebar-brand-center:hover{opacity:.7}.sidebar-brand-logo{object-fit:contain;width:22px;height:22px}.sidebar-brand-text{color:#374151;white-space:nowrap;font-size:13px;font-weight:500}.user-section-right{align-items:center;margin-left:auto;display:flex}.user-avatar-container{cursor:pointer;position:relative}.simple-user-menu{z-index:1010;white-space:nowrap;background:#fff;border:1px solid #e8e8e8;border-radius:8px;min-width:160px;padding:8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.menu-item-simple{cursor:pointer;color:#374151;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;transition:all .2s;display:flex}.menu-item-simple:hover{background:#f8f9fa}.menu-divider{background:#e8e8e8;height:1px;margin:4px 0}.menu-divider-line{background:#e8e8e8;width:1px;height:24px;margin:0 6px}.sidebar-view-toggle{cursor:pointer;color:#374151!important;background:0 0!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;margin:0!important;font-size:16px!important;transition:all .3s!important;display:flex!important}.sidebar-view-toggle:hover{color:#18181b!important;background:#f8f9fa!important}.sidebar-view-toggle-disabled{opacity:.4!important;cursor:not-allowed!important}.sidebar-view-toggle-disabled:hover{color:#374151!important;background:0 0!important}.user-avatar-item{z-index:1005;position:relative}.user-avatar-icon{color:#fff;background-color:#18181b;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:500;display:flex;box-shadow:0 2px 8px #0000001a}.user-avatar-icon svg{color:#fff}.menu-overlay{z-index:999;background:0 0;position:fixed;inset:0}.simple-user-menu-global{top:52px;left:auto;right:calc(100% - var(--left-panel-width) + 16px);z-index:9997;white-space:nowrap;background:#fff;border:1px solid #e8e8e8;border-radius:12px;min-width:200px;padding:8px;position:fixed;transform:none;box-shadow:0 4px 16px #00000026}.upgrade-style-display{color:#fff;background:#3a4a5c;border-radius:8px;justify-content:center;align-items:center;gap:4px;min-width:0;margin-bottom:4px;padding:5px 8px;font-size:12px;font-weight:500;display:flex;box-shadow:0 2px 8px #00000026}.upgrade-text{color:#fff;letter-spacing:.5px;font-weight:500}.lightning-icon{color:#fff;align-items:center;margin:0 2px;font-size:13px;display:flex}.points-number{color:#fff;font-size:12px;font-weight:600}.simple-user-menu{display:none}@media (max-width:767px){.app-sider{display:none!important}.app-content{width:100%;padding:8px;box-sizing:border-box!important;-ms-overflow-style:none!important;scrollbar-width:none!important;border-radius:0!important;max-width:100vw!important;height:calc(100vh - 70px)!important;margin:0!important;overflow:hidden scroll!important}.app-content::-webkit-scrollbar{display:none!important}.ant-layout-has-sider .ant-layout-sider-collapsed+.ant-layout .app-content{margin-left:0!important}.mobile-top-nav{z-index:900;position:fixed;top:0;left:0;right:0}.mobile-top-bar{background:#fff;justify-content:space-between;align-items:center;height:50px;padding:0 16px;display:flex}.mobile-top-logo{color:#18181b;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.mobile-top-logo img{object-fit:contain;width:22px;height:22px}.mobile-menu-trigger{color:#333;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:-8px;padding:8px;display:flex}.mobile-top-user-btn{color:#fff;cursor:pointer;background-color:#18181b;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:500;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.mobile-menu-overlay{z-index:1090;background:#0006;position:fixed;inset:50px 0 0}.mobile-menu-dropdown{z-index:1100;background:#fff;border-bottom-right-radius:12px;border-bottom-left-radius:12px;padding:8px 16px;animation:.2s ease-out slideDown;position:absolute;top:50px;left:0;right:0;box-shadow:0 4px 12px #0000001a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{color:#333;cursor:pointer;border-radius:8px;align-items:center;margin-bottom:4px;padding:14px 12px;font-size:15px;text-decoration:none;transition:background-color .2s;display:flex}.mobile-menu-item:last-child{margin-bottom:8px}.mobile-menu-item:active,.mobile-menu-item:hover{background-color:#f5f5f5}.mobile-menu-item.active{color:#1677ff;background-color:#f0f7ff;font-weight:500}.mobile-menu-icon{justify-content:center;align-items:center;width:24px;margin-right:12px;display:flex}.simple-user-menu-global{z-index:1000!important;inset:60px 16px auto auto!important;transform:none!important}.points-number{font-size:12px}.app-content{box-sizing:border-box;padding-top:40px!important;padding-bottom:24px!important}.logo-container{height:56px;padding:0 16px}.current-page-indicator{padding:10px 16px}.menu-group{padding:0 8px}.side-menu .ant-menu-item{height:36px!important;padding:0 12px!important;line-height:36px!important}.user-profile-sidebar{padding:6px 8px}}@media (max-width:480px){.app-content{margin:4px;padding:12px;border-radius:4px!important;padding-top:40px!important}.logo-container{height:48px;padding:0 12px}.side-menu .ant-menu-item{height:32px!important;line-height:32px!important}}