:root{--brand-start:#6366f1;--brand-end:#06b6d4;--ink-900:#0f172a;--ink-700:#334155;--ink-500:#64748b;--ink-300:#cbd5e1;--ink-100:#f1f5f9;--ink-50:#f8fafc;--bg-page:#fafbfc;--bg-panel:#fff;--bg-hover:#fafbfc;--color-primary:#6366f1;--color-success:#059669;--color-warning:#d97706;--color-danger:#dc2626;--color-info:#06b6d4;--color-purple:#7c3aed;--font-sans:"Inter", "PingFang SC", -apple-system, system-ui, sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-card:0 1px 3px #0f172a0a, 0 1px 2px #0f172a0f;--shadow-hover:0 10px 25px #6366f11a, 0 4px 10px #0f172a0f;--shadow-btn:0 8px 20px #6366f14d;--ease:cubic-bezier(.4, 0, .2, 1);--motion-fast:.15s;--motion-base:.25s}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes page-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}html,body{height:100%;font-family:var(--font-sans);color:var(--ink-900);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:14px}*{box-sizing:border-box}.tabular-nums{font-variant-numeric:tabular-nums}.brand-gradient{background:linear-gradient(135deg, var(--brand-start) 0%, var(--brand-end) 100%)}.brand-text{background:linear-gradient(135deg, var(--brand-start) 0%, var(--brand-end) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.brand-shadow{box-shadow:0 6px 16px #6366f140}.app-card{background:var(--bg-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--motion-base) var(--ease), box-shadow var(--motion-base) var(--ease)}.app-card-hoverable:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.app-page{padding:32px}@media (max-width:768px){.app-page{padding:16px}}.stat-card{background:var(--bg-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform var(--motion-base) var(--ease), box-shadow var(--motion-base) var(--ease);cursor:default;padding:24px}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stat-card-label{color:var(--ink-500);letter-spacing:.02em;font-size:12px;font-weight:500}.stat-card-value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:8px;font-size:30px;font-weight:700;line-height:1.2}.stat-card-extra{color:var(--ink-500);margin-top:8px;font-size:12px}.stat-card-extra-up{color:var(--color-success)}.stat-card-extra-down{color:var(--color-danger)}.stat-card-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.stat-primary{color:var(--color-primary)}.stat-success{color:var(--color-success)}.stat-warning{color:var(--color-warning)}.stat-danger{color:var(--color-danger)}.stat-info{color:var(--color-info)}.stat-purple{color:var(--color-purple)}.bg-primary-50{background:#eef2ff}.bg-success-50{background:#ecfdf5}.bg-warning-50{background:#fffbeb}.bg-danger-50{background:#fef2f2}.bg-info-50{background:#ecfeff}.bg-purple-50{background:#f5f3ff}.status-tag{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 12px;font-size:11px;font-weight:500;line-height:1.6;display:inline-flex}.status-tag:before{content:"●";font-size:8px}.status-tag-online{color:#047857;background:#0596691a}.status-tag-warning{color:#b45309;background:#d977061a}.status-tag-offline{color:#475569;background:#64748b1a}.status-tag-error{color:#b91c1c;background:#dc26261a}.status-tag-info{color:#0e7490;background:#06b6d41a}.btn-brand{background:linear-gradient(135deg, var(--brand-start) 0%, var(--brand-end) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--motion-fast) var(--ease), box-shadow var(--motion-base) var(--ease);border:0;padding:8px 16px;font-size:14px;font-weight:500;box-shadow:0 1px 2px #0f172a0f}.btn-brand:hover{box-shadow:var(--shadow-btn);transform:translateY(-1px)}.btn-brand:active{transform:scale(.98)}.btn-default{background:var(--bg-panel);color:var(--ink-700);border:1px solid var(--ink-100);border-radius:var(--radius-md);cursor:pointer;transition:all var(--motion-fast) var(--ease);padding:8px 16px;font-size:14px}.btn-default:hover{border-color:var(--ink-300)}.btn-link{color:var(--color-primary);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:14px}.btn-link:hover{color:#4f46e5}.app-sider{background:var(--bg-panel);border-right:1px solid var(--ink-100);flex-direction:column;flex-shrink:0;width:240px;height:100vh;display:flex;overflow-y:auto}.app-sider-collapsed{width:64px}.sider-menu-group-label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;padding:12px 16px 6px;font-size:11px;font-weight:500}.sider-menu-item{border-radius:var(--radius-md);color:var(--ink-700);cursor:pointer;transition:all var(--motion-fast) var(--ease);border-left:2px solid #0000;align-items:center;margin:2px 8px;padding:10px 16px;font-size:14px;display:flex}.sider-menu-item:hover{background:var(--ink-100);color:var(--color-primary)}.sider-menu-item-active{color:var(--color-primary);border-left-color:var(--color-primary);background:linear-gradient(135deg,#6366f114,#06b6d414);font-weight:500}.sider-menu-icon{justify-content:center;width:20px;margin-right:12px;font-size:16px;display:inline-flex}.app-topbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-100);z-index:10;background:#fffc;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.app-page-header{border-bottom:1px solid var(--ink-100);justify-content:space-between;align-items:flex-end;margin-bottom:32px;padding-bottom:12px;display:flex}.app-page-header-title{letter-spacing:-.01em;color:var(--ink-900);margin:0;font-size:24px;font-weight:700}.app-page-header-subtitle{color:var(--ink-500);margin-top:4px;font-size:14px}.app-page-header-extra{gap:12px;display:flex}.app-section-title{color:var(--ink-900);align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.app-section-title-icon{font-size:18px}.ant-table-tbody>tr>td{font-size:14px;border-bottom:1px solid var(--ink-100)!important;padding:16px 24px!important}.ant-table-thead>tr>th{text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--ink-500)!important;border-bottom:1px solid var(--ink-100)!important;background:0 0!important;padding:16px 24px!important;font-size:11px!important;font-weight:500!important}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.ant-card{border-radius:var(--radius-xl)!important}.ant-card-head{border-bottom:1px solid var(--ink-100)!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{border-radius:var(--radius-md)!important;background:var(--ink-50)!important;transition:all var(--motion-fast) var(--ease)!important;border-color:#0000!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{background:var(--bg-panel)!important;box-shadow:0 0 0 3px #6366f126!important}.ant-modal-header{border-bottom:1px solid var(--ink-100)!important;padding:20px 24px!important}.ant-modal-body{padding:24px!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-primary)!important}.ant-tabs-ink-bar{background:linear-gradient(90deg, var(--brand-start), var(--brand-end))!important}.ant-empty{padding:48px 0!important}.text-center{text-align:center}.flex-center{justify-content:center;align-items:center;display:flex}.scroll-area{flex:1;padding:32px;overflow-y:auto}@media (max-width:768px){.scroll-area{padding:16px}}