@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color: #3B82F6;--primary-hover: #2563EB;--primary-light: #EFF6FF;--primary-dark: #1D4ED8;--success-color: #10B981;--success-light: #ECFDF5;--warning-color: #F59E0B;--warning-light: #FFFBEB;--error-color: #EF4444;--error-light: #FEF2F2;--info-color: #3B82F6;--info-light: #EFF6FF;--purple-color: #8B5CF6;--purple-light: #F5F3FF;--bg-primary: #F9FAFB;--bg-secondary: #FFFFFF;--bg-tertiary: #F3F4F6;--bg-card: #FFFFFF;--bg-gradient: linear-gradient(to bottom right, #F8FAFC, #FFFFFF, rgba(239, 246, 255, .3));--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--border-color: #E5E7EB;--border-light: #F3F4F6;--border-focus: #3B82F6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 10px 15px -3px rgba(59, 130, 246, .25);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", Consolas, Monaco, monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.ant-layout{background:var(--bg-gradient)!important;min-height:100vh}.ant-layout-sider{background:var(--bg-secondary)!important;border-right:1px solid var(--border-color)!important}.ant-layout-header{background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-color)!important}.ant-menu{background:transparent!important}.ant-menu-item{color:var(--text-secondary)!important;border-radius:var(--radius-md)!important;margin:4px 8px!important}.ant-menu-item:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.ant-menu-item-selected{background:var(--primary-light)!important;color:var(--primary-color)!important}.ant-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.ant-card:hover{box-shadow:var(--shadow-md)!important;transition:box-shadow .3s ease}.ant-card-head{border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}.ant-table{background:transparent!important}.ant-table-thead>tr>th{background:var(--bg-tertiary)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-secondary)!important;font-weight:500!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important}.ant-table-tbody>tr:hover>td{background:var(--bg-tertiary)!important}.ant-statistic-title{color:var(--text-secondary)!important}.ant-statistic-content{color:var(--text-primary)!important}.ant-btn-primary{background:var(--primary-color)!important;border-color:var(--primary-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important}.ant-btn-primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.ant-input{border-radius:var(--radius-md)!important;border-color:var(--border-color)!important}.ant-input:focus,.ant-input-focused{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #3b82f633!important}.ant-select-selector{border-radius:var(--radius-md)!important}.ant-modal-content{border-radius:var(--radius-lg)!important}.ant-tag{border-radius:var(--radius-full)!important}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-card{background:linear-gradient(135deg,var(--primary-color),#6366F1)!important;border:none!important;color:#fff}.gradient-card-green{background:linear-gradient(135deg,var(--success-color),#059669)!important;border:none!important;color:#fff}.gradient-card-purple{background:linear-gradient(135deg,var(--purple-color),#7C3AED)!important;border:none!important;color:#fff}.hover-card{transition:all .3s ease}.hover-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.status-online{color:var(--success-color)}.status-offline{color:var(--text-muted)}.status-error{color:var(--error-color)}.status-warning{color:var(--warning-color)}.status-bg-online{background:var(--success-light);border:1px solid rgba(16,185,129,.2)}.status-bg-offline{background:var(--bg-tertiary);border:1px solid var(--border-color)}.status-bg-error{background:var(--error-light);border:1px solid rgba(239,68,68,.2)}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-bar-fill-blue{background:linear-gradient(90deg,var(--primary-color),var(--primary-dark))}.progress-bar-fill-green{background:linear-gradient(90deg,var(--success-color),#059669)}.progress-bar-fill-purple{background:linear-gradient(90deg,var(--purple-color),#7C3AED)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.container-max{max-width:1280px;margin:0 auto;padding:0 24px}.page-content{padding:24px;background:var(--bg-gradient);min-height:calc(100vh - 64px)}.grid-responsive{display:grid;gap:24px}@media (min-width: 768px){.grid-responsive-2{grid-template-columns:repeat(2,1fr)}.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}