@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--header-height: 56px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-accent: #8B5CF6;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15), 0 8px 20px rgba(0, 0, 0, .1);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .35);--shadow-glow-purple: 0 0 20px rgba(139, 92, 246, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:Space Grotesk,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;transition:background var(--transition-slow),color var(--transition-normal)}#root{height:100vh}body.theme-light{background:#f0f4fa;color:#1f2937;--bg-surface: #FFFFFF;--bg-elevated: #FFFFFF;--border-color: #E5E7EB;--text-secondary: #6B7280}body.theme-light:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}body.theme-dark{background:#0d1117;color:#e5e7eb;--bg-surface: #161B22;--bg-elevated: #1C2128;--border-color: #30363D;--text-secondary: #8B949E}body.theme-dark:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 10% 0%,rgba(59,130,246,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(139,92,246,.06) 0%,transparent 60%);pointer-events:none;z-index:0}body.theme-transparent{background:linear-gradient(135deg,#0d1117f7,#161b22f0,#0d1117f7),radial-gradient(ellipse at 15% 40%,rgba(59,130,246,.18),transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(139,92,246,.13),transparent 55%),radial-gradient(ellipse at 50% 90%,rgba(16,185,129,.09),transparent 55%);background-attachment:fixed;color:#e5e7eb;--bg-surface: rgba(22, 27, 34, .65);--bg-elevated: rgba(28, 33, 40, .75);--border-color: rgba(255, 255, 255, .08);--text-secondary: rgba(229, 231, 235, .6)}body.theme-transparent:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#80808040;border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#80808073}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.25) transparent}::selection{background:#3b82f640;color:inherit}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{color:var(--color-primary-hover);opacity:.85}code,pre,.mono{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace}.ant-layout-sider{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.15) transparent}.ant-layout-sider .ant-menu-item{margin-block:1px!important;height:36px!important;line-height:36px!important;border-radius:var(--radius-md)!important;transition:all var(--transition-fast)!important}.ant-layout-sider .ant-menu-submenu-title{margin-block:1px!important;height:36px!important;line-height:36px!important;border-radius:var(--radius-md)!important}.ant-menu-item:hover:after,.ant-menu-submenu-title:hover:after{opacity:0!important}.ant-card{transition:box-shadow var(--transition-normal),transform var(--transition-normal),border-color var(--transition-normal)!important}.ant-card:hover{box-shadow:var(--shadow-md)!important}.ant-btn{transition:all var(--transition-fast)!important;font-weight:500!important}.ant-btn-primary{box-shadow:0 2px 8px #3b82f64d!important}.ant-btn-primary:hover{box-shadow:0 4px 16px #3b82f673!important;transform:translateY(-1px)}.ant-btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #3b82f64d!important}.ant-input,.ant-input-affix-wrapper{transition:all var(--transition-fast)!important}.ant-input-affix-wrapper:focus-within{box-shadow:0 0 0 3px #3b82f61f!important}.ant-table-tbody>tr{transition:background var(--transition-fast)!important}.ant-table-tbody>tr:hover>td{transition:background var(--transition-fast)!important}.ant-modal{animation:modalSlideIn var(--transition-normal) ease-out!important}.ant-tag{border-radius:var(--radius-full)!important;font-weight:500!important;font-size:11px!important;padding:1px 8px!important}.ant-tabs-tab{transition:all var(--transition-fast)!important;font-weight:500!important}.ant-tabs-ink-bar{border-radius:var(--radius-full)!important;height:2px!important}body.theme-transparent .ant-card{background:#161b2299!important;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff0d!important}body.theme-transparent .ant-card:hover{border-color:#3b82f633!important;box-shadow:0 8px 32px #0000004d,0 0 0 1px #3b82f61a,inset 0 1px #ffffff12!important}body.theme-transparent .ant-table{background:#161b2280!important}body.theme-transparent .ant-table-thead>tr>th{background:#1c2128b3!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.theme-transparent .ant-modal-content{background:#161b22e0!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.09)!important;box-shadow:0 24px 64px #00000080,inset 0 1px #ffffff0f!important}body.theme-transparent .ant-drawer-content{background:#12161ceb!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}body.theme-transparent .ant-drawer-content-wrapper .ant-drawer-body{background:transparent!important}body.theme-transparent .ant-popover-inner{background:#161b22eb!important;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #0006!important}body.theme-transparent .ant-dropdown-menu{background:#161b22eb!important;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border:1px solid rgba(255,255,255,.07)!important;box-shadow:0 8px 32px #0006!important}body.theme-transparent .ant-select-dropdown{background:#161b22f2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07)!important}body.theme-transparent .ant-tooltip-inner{background:#161b22f2!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)!important}body.theme-transparent .ant-input,body.theme-transparent .ant-input-affix-wrapper,body.theme-transparent .ant-select-selector,body.theme-transparent .ant-input-number,body.theme-transparent .ant-picker{background:#ffffff0a!important;border-color:#ffffff17!important;transition:all var(--transition-fast)!important}body.theme-transparent .ant-input:focus,body.theme-transparent .ant-input-affix-wrapper:focus,body.theme-transparent .ant-input-affix-wrapper-focused{background:#ffffff0f!important;border-color:#3b82f673!important;box-shadow:0 0 0 3px #3b82f61f!important}body.theme-transparent .ant-btn-default{background:#ffffff0f!important;border-color:#ffffff1f!important}body.theme-transparent .ant-btn-default:hover{background:#ffffff1a!important;border-color:#fff3!important}body.theme-transparent .ant-tabs-tab{color:#ffffff8c!important}body.theme-transparent .ant-tabs-tab:hover{color:#ffffffd9!important}body.theme-transparent .ant-tabs-tab-active .ant-tabs-tab-btn{color:#93c5fd!important}body.theme-transparent .ant-tabs-ink-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6)!important}body.theme-transparent .ant-divider{border-color:#ffffff12!important}body.theme-transparent .ant-menu-item-selected{background:#3b82f626!important}body.theme-transparent .ant-menu-item-selected:after{display:none!important}body.theme-dark .ant-card{box-shadow:0 2px 12px #0000004d!important}body.theme-dark .ant-card:hover{box-shadow:0 6px 24px #0006!important}body.theme-dark .ant-tabs-ink-bar{background:linear-gradient(90deg,#3b82f6,#8b5cf6)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.94) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #3b82f64d}50%{box-shadow:0 0 24px #3b82f699}}.animate-fade-in{animation:fadeIn .3s ease-out both}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}.animate-fade-in-down{animation:fadeInDown .4s ease-out both}.animate-fade-in-left{animation:fadeInLeft .4s ease-out both}.animate-fade-in-right{animation:fadeInRight .4s ease-out both}.animate-scale-in{animation:scaleIn .35s var(--transition-spring) both}.animate-float{animation:floatY 3s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-stagger>*:nth-child(1){animation:fadeInUp .4s .04s ease-out both}.animate-stagger>*:nth-child(2){animation:fadeInUp .4s .08s ease-out both}.animate-stagger>*:nth-child(3){animation:fadeInUp .4s .12s ease-out both}.animate-stagger>*:nth-child(4){animation:fadeInUp .4s .16s ease-out both}.animate-stagger>*:nth-child(5){animation:fadeInUp .4s .2s ease-out both}.animate-stagger>*:nth-child(6){animation:fadeInUp .4s .24s ease-out both}.animate-stagger>*:nth-child(7){animation:fadeInUp .4s .28s ease-out both}.animate-stagger>*:nth-child(8){animation:fadeInUp .4s .32s ease-out both}.card-hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}body.theme-dark .card-hover-lift:hover,body.theme-transparent .card-hover-lift:hover{box-shadow:0 12px 36px #0006}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff14;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.1)}.glass-dark{background:#00000040;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.06)}.skeleton-loading{background:linear-gradient(90deg,#80808014 25%,#8080802e 37%,#80808014 63%);background-size:400% 100%;animation:shimmer 1.6s ease infinite;border-radius:var(--radius-sm)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.status-dot.online{background:var(--color-success);box-shadow:0 0 6px #10b98180}.status-dot.offline{background:#6b7280}.status-dot.warning{background:var(--color-warning);box-shadow:0 0 6px #f59e0b80}.status-dot.error{background:var(--color-error);box-shadow:0 0 6px #ef444480}@media (max-width: 768px){.hide-on-mobile{display:none!important}}@media (min-width: 769px){.show-on-mobile-only{display:none!important}}@media (max-width: 576px){.ant-card{border-radius:var(--radius-md)!important}.ant-table-wrapper{overflow-x:auto}.ant-modal{margin:8px!important;max-width:calc(100vw - 16px)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}