:root{--accent: #4f6ef6;--accent-hover: #3b5de7;--accent-light: #e8edff;--accent-glow: rgba(79, 110, 246, .25);--success: #52c41a;--success-light: #f6ffed;--warning: #fa8c16;--warning-light: #fff7e6;--danger: #ff4d4f;--danger-light: #fff2f0;--info: #36cfc9;--info-light: #e6fffb;--bg-primary: #f0f2f5;--bg-secondary: #fafbfc;--bg-card: #ffffff;--bg-hover: #f5f6fa;--border: #e4e7ed;--border-light: #f0f1f3;--border-hover: #c0c4cc;--text-primary: #1a1a2e;--text-secondary: #555770;--text-muted: #909399;--text-placeholder: #c0c4cc;--nav-bg: #1a1a2e;--nav-text: rgba(255, 255, 255, .65);--nav-text-active: #ffffff;--nav-accent: rgba(79, 110, 246, .9);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--shadow-xl: 0 12px 36px rgba(0,0,0,.12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-mono: "SF Mono", "Fira Code", "Consolas", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6;color:var(--text-secondary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0}input,textarea,select,button{font-family:inherit;font-size:inherit}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px #4f6ef614!important}::placeholder{color:var(--text-placeholder)}select option,select optgroup{background:#fff;color:var(--text-primary)}textarea{resize:vertical}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #4f6ef633}50%{box-shadow:0 0 20px #4f6ef666}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.content-panel>*{animation:fadeIn .3s ease}.ai-highlight{animation:glowPulse 1.5s ease-in-out;border-color:var(--accent)!important}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 1.5s infinite}.card-elevate{transition:transform var(--transition),box-shadow var(--transition)}.card-elevate:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-online{background:var(--success)}.status-offline{background:var(--text-muted)}.status-warning{background:var(--warning)}.status-error{background:var(--danger)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d9d9d9;border-radius:26px;cursor:pointer;transition:all var(--transition)}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all var(--transition);box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.page-title{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 24px;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition)}.panel:hover{box-shadow:var(--shadow-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{background:var(--bg-secondary);padding:12px;text-align:left;color:var(--text-muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid var(--border);white-space:nowrap}.data-table tbody td{padding:11px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.tag-success{color:var(--success);background:var(--success-light)}.tag-warning{color:var(--warning);background:var(--warning-light)}.tag-danger{color:var(--danger);background:var(--danger-light)}.tag-info{color:var(--info);background:var(--info-light)}.tag-accent{color:var(--accent);background:var(--accent-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-danger{background:var(--danger-light);color:var(--danger);border:1px solid #ffccc7}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.empty-hint{color:var(--text-placeholder);text-align:center;padding:50px 20px;font-size:14px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.content-panel,.panel{padding:16px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}