*{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: #eff2f7;--card-bg: #ffffff;--surface: #f5f7fb;--surface-2: #edf1f7;--border: #dfe5ef;--border-subtle: #e8edf5;--text-1: #172138;--text-2: #43526a;--text-3: #5d6d85;--text-4: #8491a5;--text-placeholder: #75839a;--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;--on-primary: #ffffff;--success: #10b981;--danger: #ef4444;--danger-bg: #fee2e2;--warning: #f59e0b;--warning-bg: #fffbeb;--warning-text: #92400e;--info: #3b82f6;--cyan: #06b6d4;--code-bg: #172138;--code-fg: #e4e4e7;--scrollbar-thumb: #d1d5db;color-scheme:light}html.dark{--bg: #000000;--card-bg: #111111;--surface: #181818;--surface-2: #232323;--border: #303030;--border-subtle: #232323;--text-1: #f4f4f4;--text-2: #cecece;--text-3: #a3a3a3;--text-4: #858585;--text-placeholder: #858585;--hover-bg: #1c1c1c;--active-bg: #202020;--active-bg-2: #292929;--primary: #78aaff;--primary-hover: #9ec2ff;--primary-light: #78aaff;--primary-bg: #151515;--primary-bg-2: #242424;--primary-border:#464646;--on-primary: #080808;--success: #28c59a;--danger: #f87171;--danger-bg: #3f1212;--warning: #fbbf24;--warning-bg: #2d2000;--warning-text: #fbbf24;--info: #60a5fa;--cyan: #22d3ee;--code-bg: #080808;--code-fg: #eeeeee;--scrollbar-thumb: #3a3a3a;color-scheme:dark}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}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}.page-header{margin-bottom:20px}.page-title{font-size:16px;font-weight:600;color:var(--text-1);margin-bottom:4px}.page-desc-sm{font-size:12px;color:var(--text-3)}.settings-card{background:var(--surface);border:1px solid var(--border-subtle, var(--border));border-radius:10px;padding:18px 20px;margin-bottom:14px}.card-title{font-size:13px;font-weight:600;color:var(--text-1);margin-bottom:14px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h3{font-size:15px;font-weight:600;color:var(--text-1);margin:0}.desc-hint{font-size:12px;color:var(--text-3);margin-bottom:14px;line-height:1.6}.settings-table{width:100%;border-collapse:collapse;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle, var(--border))}.settings-table th{text-align:left;padding:10px 16px;font-size:12px;font-weight:500;color:var(--text-3);background:var(--surface);border-bottom:1px solid var(--border-subtle)}.settings-table td{padding:11px 16px;font-size:13px;color:var(--text-2);border-bottom:1px solid var(--surface)}.settings-table tbody tr:last-child td{border-bottom:none}.settings-table tr:hover td{background:var(--hover-bg)}.name-primary{font-weight:500;color:var(--text-1)}.name-secondary{font-size:12px;color:var(--text-3)}.form-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.form-row label{font-size:13px;color:var(--text-2);font-weight:500;min-width:80px;flex-shrink:0}.empty-cell{text-align:center;padding:40px 0!important;color:var(--text-4);font-size:13px}