:root{--primary-color: #165DFF;--primary-dark: #0E42D2;--primary-gradient: linear-gradient(135deg, #165DFF, #0E42D2);--primary-light: #E8F3FF;--primary-hover: #D1E7FF;--up-red: #F53F3F;--down-green: #00B42A;--warning-red: #FF4D4F;--normal-green: #00C48C;--sidebar-bg: #001529;--sidebar-text: #ffffffa6;--sidebar-hover-bg: rgba(255,255,255,.08);--sidebar-active-bg: linear-gradient(135deg, #165DFF, #0E42D2);--sidebar-active-text: #ffffff;--sidebar-width-expanded: 240px;--sidebar-width-collapsed: 60px;--content-bg: #f5f5f5;--content-text: #333333;--content-secondary: #666666;--content-card-bg: #ffffff;--header-bg: #ffffff;--header-height: 56px;--header-border: 1px solid #E5E6EB;--header-title-color: #333333;--header-breadcrumb: #666666;--header-icon-color: #666666;--header-icon-hover: #165DFF;--card-radius: 8px;--card-shadow: 0 2px 8px rgba(0,0,0,.08);--card-shadow-hover: 0 4px 12px rgba(0,0,0,.12);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-size-title: 18px;--font-size-body: 14px;--font-size-small: 12px;--theme-toggle-color: #ffd43b}html.dark{--primary-color: #4C8CFF;--primary-dark: #3670E0;--primary-light: rgba(22, 93, 255, .15);--primary-hover: rgba(22, 93, 255, .25);--up-red: #FF6B6B;--down-green: #00E84A;--sidebar-bg: #1E1E2E;--sidebar-text: #ffffffa6;--sidebar-hover-bg: rgba(255,255,255,.06);--sidebar-active-bg: linear-gradient(135deg, #165DFF, #0E42D2);--content-bg: #1E1E2E;--content-text: #FFFFFF;--content-secondary: #AAAAAA;--content-card-bg: #2C2C3A;--header-bg: #1E1E2E;--header-border: 1px solid #2C2C3A;--header-title-color: #FFFFFF;--header-breadcrumb: #AAAAAA;--header-icon-color: #AAAAAA;--header-icon-hover: #4C8CFF;--card-shadow: 0 2px 8px rgba(0,0,0,.3);--card-shadow-hover: 0 4px 12px rgba(0,0,0,.4);--theme-toggle-color: #ffd43b}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.italic{font-style:italic}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}#root{height:100%;width:100%}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-layout{background:var(--content-bg)!important}.ant-layout-sider{background:var(--sidebar-bg)!important}.ant-layout-content{flex:1 1 auto!important;overflow:auto!important}.ant-menu-dark{background:transparent!important}.sidebar-collapse-transition{transition:width .3s ease}.ant-card{border-radius:var(--card-radius)!important;box-shadow:var(--card-shadow)!important;transition:box-shadow .2s ease,transform .2s ease!important}.ant-card:hover{box-shadow:var(--card-shadow-hover)!important}.btn-hover-scale{transition:all .2s ease}.btn-hover-scale:hover{transform:scale(1.02)}.btn-hover-scale:active{transform:scale(.98)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}html.dark ::-webkit-scrollbar-thumb{background:#ffffff26}html.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media(max-width:1199px){:root{--sidebar-width-expanded: 200px}.ant-layout-sider{--sidebar-width-expanded: 200px}}@media(max-width:767px){.ant-layout-sider{position:fixed!important;z-index:1000!important}}@media(max-width:1200px){.dashboard-side-panel{display:none!important}}.page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--content-text);opacity:.5;font-size:18px}.page-placeholder .icon{font-size:64px;margin-bottom:16px;opacity:.3}@media(max-width:768px){.config-table-wrap{overflow-x:auto}.config-table-wrap .ant-table{min-width:600px}.ant-card-body{padding:12px!important}.ant-tabs-nav{padding:0 8px}}
