:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-hover: #f1f3f4;--text-primary: #1a1a1a;--text-secondary: #5f6368;--text-tertiary: #80868b;--border-color: #dadce0;--border-light: #e8eaed;--border-hover: #c6c6c6;--primary-color: #1967d2;--primary-hover: #1665c1;--primary-light: #e8f0fe;--success-color: #1e8e3e;--success-light: #e6f4ea;--warning-color: #f9ab00;--warning-light: #fef7e0;--danger-color: #d93025;--danger-light: #fce8e6;--info-color: #1a73e8;--info-light: #e8f0fe;--shadow-sm: 0 1px 2px rgba(60, 64, 67, .1);--shadow-md: 0 2px 6px rgba(60, 64, 67, .15);--shadow-lg: 0 4px 12px rgba(60, 64, 67, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--sidebar-width: 236px;--header-height: 60px}.dark{--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--bg-tertiary: #3c3c3c;--bg-hover: #353535;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-tertiary: #80868b;--border-color: #5f6368;--border-light: #3c4043;--border-hover: #8ab4f8;--primary-color: #8ab4f8;--primary-hover: #a8c7fa;--primary-light: #1e3a5f;--success-color: #81c995;--success-light: #1e3a2e;--warning-color: #fdd663;--warning-light: #3c2e1e;--danger-color: #f28b82;--danger-light: #3c1e1e;--info-color: #8ab4f8;--info-light: #1e3a5f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased}a{color:var(--primary-color);text-decoration:none}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition-fast, .15s ease),border-color .15s ease}.btn:hover:not(:disabled){background:var(--bg-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--danger-color);border-color:var(--danger-color);color:#fff}.btn-ghost{border-color:transparent;background:transparent}.input{width:100%;padding:9px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:13px;outline:none}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary)}.badge-ok{background:var(--success-light);color:var(--success-color)}.badge-warn{background:var(--warning-light);color:var(--warning-color)}.badge-danger{background:var(--danger-light);color:var(--danger-color)}.badge-info{background:var(--info-light);color:var(--info-color)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}::-webkit-scrollbar-track{background:transparent}