*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}:root{--bg: #f0f2f5;--card-bg: #ffffff;--surface: #f5f5f8;--surface-2: #f0f0f5;--border: #e8e8ec;--border-subtle: #f0f0f0;--text-1: #1a1a2e;--text-2: #555;--text-3: #999;--text-4: #ccc;--text-placeholder: #bbb;--hover-bg: #faf8ff;--active-bg: #f5f3ff;--active-bg-2: #ede9fe;--primary: #7c3aed;--primary-hover: #6d28d9;--primary-light: #7c3aed;--primary-bg: #f5f3ff;--primary-bg-2: #ede9fe;--primary-border:#c4b5fd;--success: #10b981;--danger: #ef4444;--danger-bg: #fee2e2;--warning: #f59e0b;--warning-bg: #fffbeb;--warning-text: #92400e;--info: #3b82f6;--cyan: #06b6d4;--code-bg: #1a1a2e;--code-fg: #e4e4e7;--scrollbar-thumb: #d1d5db;color-scheme:light}html.dark{--bg: #0f0f17;--card-bg: #1a1a2a;--surface: #22223a;--surface-2: #1e1e30;--border: #2a2a3a;--border-subtle: #1e1e2e;--text-1: #e8e8f0;--text-2: #aaa;--text-3: #666;--text-4: #444;--text-placeholder: #555;--hover-bg: #22223a;--active-bg: #2d1a4a;--active-bg-2: #3d2060;--primary: #a855f7;--primary-hover: #9333ea;--primary-light: #a855f7;--primary-bg: #2d1a4a;--primary-bg-2: #3d2060;--primary-border:#6b21a8;--success: #10b981;--danger: #f87171;--danger-bg: #3f1212;--warning: #fbbf24;--warning-bg: #2d2000;--warning-text: #fbbf24;--info: #60a5fa;--cyan: #22d3ee;--code-bg: #1a1a2e;--code-fg: #e4e4e7;--scrollbar-thumb: #3a3a4a;color-scheme:dark}body{background-color:var(--bg);color:var(--text-1);transition:background-color .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-track{background:transparent}.settings-table{width:100%;border-collapse:collapse}.settings-table th{text-align:left;padding:10px 16px;font-size:12px;font-weight:500;color:var(--text-3);border-bottom:1px solid var(--border-subtle)}.settings-table td{padding:12px 16px;font-size:14px;color:var(--text-2);border-bottom:1px solid var(--surface)}.settings-table tr:hover{background:var(--hover-bg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:16px;font-weight:600;color:var(--text-1);margin:0}.desc-hint{font-size:13px;color:var(--text-3);margin-bottom:16px}.name-primary{font-weight:500;color:var(--text-1)}.name-secondary{font-size:12px;color:var(--text-3)}.form-row{margin-bottom:16px}.form-row label{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}.empty-cell{text-align:center;padding:40px 0!important;color:var(--text-4)}