html,body{width:100%!important;height:calc(var(--vh,1vh) * 100)!important;min-height:calc(var(--vh,1vh) * 100)!important;scrollbar-width:none!important;-ms-overflow-style:none!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden auto!important}html::-webkit-scrollbar{display:none!important}body::-webkit-scrollbar{display:none!important}.ant-layout{min-height:calc(var(--vh,1vh) * 100)!important;width:100%!important;height:100%!important}.app-layout{min-height:calc(var(--vh,1vh) * 100);background:0 0;width:100%;height:auto;position:relative}.app-layout:before{content:"";background-image:var(--background-image);filter:blur(8px);z-index:-2;background-color:#333;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:fixed;top:0;left:0;width:100vw!important;height:calc(var(--vh,1vh) * 100)!important;min-width:100vw!important;min-height:calc(var(--vh,1vh) * 100)!important}.app-layout:after{content:"";z-index:-1;background-color:#00000059;position:fixed;top:0;left:0;width:100vw!important;height:calc(var(--vh,1vh) * 100)!important;min-width:100vw!important;min-height:calc(var(--vh,1vh) * 100)!important}.app-layout.topology-page:before{background-color:#0a0a1a;background-image:none!important}.app-layout.topology-page .ant-layout-content{width:100%!important;min-height:calc(var(--vh,1vh) * 100)!important;margin-left:0!important;overflow:hidden!important}.app-layout.topology-page .topology-container{width:100%!important;max-width:100%!important;min-height:calc(var(--vh,1vh) * 100)!important;margin:0!important;padding:0!important}.header-container{z-index:1;background:#0000004d;border-radius:12px;margin:0 20px 16px;padding:20px 0;position:relative}.page-title{color:gold;text-align:center;opacity:0;text-shadow:1px 1px 2px #00000080;margin-bottom:20px;font-family:PingFang SC,Arial,sans-serif;font-size:36px;font-weight:700;animation:.5s ease-in forwards fadeIn}.page-description{color:#fff;text-align:center;opacity:0;text-shadow:1px 1px 2px #00000080;margin-bottom:0;font-family:PingFang SC,Arial,sans-serif;font-size:18px;animation:.5s ease-in .2s forwards fadeIn;position:relative}.page-description:after{content:"";background-color:#ff7043;width:100px;height:2px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-container{min-height:calc(var(--vh,1vh) * 100);scrollbar-width:none;-ms-overflow-style:none;background:0 0;max-width:1200px;height:auto;margin:0 auto;padding:20px;overflow-y:auto}.app-container::-webkit-scrollbar{display:none}.error-message{color:#ff4d4f;text-align:center}.loading-message{color:#fff9;text-align:center}.ant-layout-content{min-height:calc(var(--vh,1vh) * 100);z-index:1;scrollbar-width:none;-ms-overflow-style:none;background:0 0;height:auto;position:relative;overflow:hidden auto}.ant-layout-content::-webkit-scrollbar{display:none}.ant-layout-sider-collapsed+.ant-layout-content{margin-left:0}.chart-container{background:0 0;min-height:400px}@media (width<=768px){.app-container{max-width:100%;padding:5px;overflow-x:visible}.ant-layout-content{margin-left:0}.ant-card{width:100%;margin-left:0;margin-right:0;overflow:visible}.header-container{margin:0 5px 16px;padding:15px 0}.page-title{font-size:28px}.page-description{font-size:15px}.page-description:after{width:80px}.chart-container{min-height:300px}.disclaimer-card{margin:30px 0 10px}.ant-row{margin-bottom:16px;margin-left:0!important;margin-right:0!important}.ant-col{padding-left:0!important;padding-right:0!important}.stats-card{margin:16px 0}.top-products-table .ant-table-thead>tr>th,.top-products-table .ant-table-tbody>tr>td{padding:8px!important;font-size:12px!important}.top-products-table .ant-table-tbody .ant-image{width:40px!important;height:40px!important}.line-chart,.bar-chart,.pie-chart{transform:none}.line-chart .echarts-for-react,.bar-chart .echarts-for-react,.pie-chart .echarts-for-react{visibility:visible!important;opacity:1!important;width:100%!important;height:300px!important;display:block!important}.ant-card .pie-chart .echarts-for-react canvas{visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;height:400px!important;display:block!important}.ant-card .pie-chart .echarts-for-react canvas:hover,.ant-card .pie-chart .echarts-for-react canvas:active{visibility:visible!important;opacity:1!important;display:block!important}}@media (width<=480px){.header-container{margin:0 5px 16px;padding:10px 0}.page-title{font-size:24px}.page-description{font-size:12px}.page-description:after{width:60px}}.custom-sider{z-index:1000;height:100vh;top:0;left:0;background:#001529!important;position:fixed!important}.custom-sider .ant-layout-sider-children{flex-direction:column;height:100%;display:flex}.sider-header{flex-shrink:0;justify-content:flex-end;padding:8px;display:flex}.sider-collapse-btn{color:#ffffffa6!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;font-size:18px!important;display:flex!important}.sider-collapse-btn:hover{color:gold!important;background:#ffd7001a!important}.sider-menu-wrap{border-right:0;flex:1;align-items:center;display:flex}.sider-menu-wrap .ant-menu{background:0 0;border-right:0;width:100%}.sider-menu-wrap .ant-menu-item{border-radius:8px;align-items:center;height:44px;margin:4px 8px;line-height:44px;display:flex}.sider-menu-wrap .ant-menu-item a{color:inherit}.sider-menu-wrap .ant-menu-item-selected{background:#ffd70026!important}.sider-placeholder{flex-shrink:0;width:130px}.sider-open-btn{z-index:1100;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #00000080;color:gold!important;background:#001529!important;border:2px solid gold!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;font-size:20px!important;display:flex!important}.sider-open-btn:hover{color:#fff!important;background:#002140!important;border-color:#fff!important}.disclaimer-card .ant-card-head{padding-bottom:0}.disclaimer-card .ant-card-body{padding-top:20px}.disclaimer-card .ant-card-head-title{color:#fff}.disclaimer-card .disclaimer-text{color:#ffffffb3}.ant-card{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;overflow:visible!important}.ant-card-head{border-bottom:1px solid #ffffff14}.ant-card-head-title{color:#fff}.stats-card{margin-top:32px}.stats-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.stats-card .stats-card-title{color:#fff9;margin:0 0 10px;font-size:18px}.stats-card .stats-card-value-container{justify-content:center;align-items:center;display:flex}.stats-card .stats-card-icon{color:gold;margin-right:8px;font-size:24px}.stats-card .stats-card-value{color:gold;align-items:center;margin:0;font-size:32px;line-height:1;display:flex}.stats-card .value-text{line-height:1}.ant-table{color:#fff;opacity:1;background:0 0!important}.top-products-table.ant-table,.top-products-table .ant-table-container,.top-products-table .ant-table-content,.top-products-table .ant-table-body,.top-products-table .ant-table-thead,.top-products-table .ant-table-tbody,.top-products-table .ant-table-thead>tr,.top-products-table .ant-table-tbody>tr,.top-products-table .ant-table-thead>tr>th,.top-products-table .ant-table-tbody>tr>td{color:#fff;background:0 0!important}.top-products-table .ant-table-thead>tr>th{border-bottom:1px solid #ffffff1f;padding:12px 16px;font-size:16px;font-weight:700}.top-products-table .ant-table-tbody>tr>td{border-bottom:1px solid #ffffff0f;padding:12px 16px;font-size:14px}.top-products-table .ant-table-tbody>tr:hover>td{transition:background .3s;background:#ffffff1a!important}.custom-preview-mask{color:#fff!important;background:#00000080!important;font-size:12px!important}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-row-animated{animation:.5s ease-out forwards slideIn}.bar-chart .echarts-for-react,.line-chart .echarts-for-react,.pie-chart .echarts-for-react{background:0 0!important}.bar-chart .echarts-for-react text,.line-chart .echarts-for-react text,.pie-chart .echarts-for-react text{fill:#fff;opacity:1;text-shadow:1px 1px 2px #00000080}