*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg: #f0f2f5;--sidebar: #0f172a;--sidebar-hover: #1e293b;--sidebar-active: #2563eb;--card: #ffffff;--topbar: #ffffff;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--border-strong: #94a3b8;--table-head-bg: #f1f5f9;--input-bg: #ffffff;--ghost-bg: #ffffff;--ghost-hover: #f8fafc;--primary: #2563eb;--primary-hover: #1d4ed8;--danger: #dc2626;--radius: 10px;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .04);--modal-mask: rgba(15, 23, 42, .45);--focus-ring: rgba(37, 99, 235, .15);--code-bg: #f1f5f9;--banner-info-bg: #eff6ff;--banner-info-text: #1d4ed8;--banner-info-border: #bfdbfe;--banner-ok-bg: #ecfdf5;--banner-ok-text: #047857;--banner-ok-border: #bbf7d0}[data-theme=dark]{--bg: #0b1120;--sidebar: #020617;--sidebar-hover: #1e293b;--sidebar-active: #3b82f6;--card: #1e293b;--topbar: #1e293b;--text: #f1f5f9;--text-muted: #94a3b8;--border: #475569;--border-strong: #64748b;--table-head-bg: #334155;--input-bg: #0f172a;--ghost-bg: #1e293b;--ghost-hover: #334155;--primary: #3b82f6;--primary-hover: #2563eb;--danger: #f87171;--shadow: 0 1px 3px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .25);--modal-mask: rgba(0, 0, 0, .65);--focus-ring: rgba(59, 130, 246, .25);--code-bg: #334155;--banner-info-bg: #172554;--banner-info-text: #93c5fd;--banner-info-border: #1e40af;--banner-ok-bg: #14532d;--banner-ok-text: #86efac;--banner-ok-border: #166534}html,body,#app{height:100%}body{font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text);background:var(--bg);min-width:1024px;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 16px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:background .15s,box-shadow .15s,border-color .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:var(--ghost-bg);border:1px solid var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--ghost-hover)}.btn-danger{background:#fef2f2;color:var(--danger);border:1px solid #fecaca}[data-theme=dark] .btn-danger{background:#450a0a;border-color:#7f1d1d}.btn-danger:hover{background:#fee2e2}[data-theme=dark] .btn-danger:hover{background:#7f1d1d}.btn:disabled{opacity:.55;cursor:not-allowed}.input,.select{height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--input-bg);color:var(--text);outline:none;min-width:0}.textarea{width:100%;min-height:88px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--input-bg);color:var(--text);outline:none;resize:vertical;line-height:1.5;font-family:ui-monospace,Segoe UI,PingFang SC,monospace;font-size:13px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border-strong)}.table-wrap{overflow:auto}table.data-table{width:100%;border-collapse:collapse}table.data-table th,table.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-strong)}table.data-table th{font-weight:600;color:var(--text-muted);background:var(--table-head-bg);font-size:13px;border-bottom:2px solid var(--border-strong)}table.data-table tbody tr:last-child td{border-bottom:none}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.tag-admin{background:#dbeafe;color:#1d4ed8}[data-theme=dark] .tag-admin{background:#1e3a8a;color:#93c5fd}.tag-user{background:#f1f5f9;color:#475569}[data-theme=dark] .tag-user{background:#334155;color:#cbd5e1}.tag-on{background:#dcfce7;color:#15803d}[data-theme=dark] .tag-on{background:#14532d;color:#86efac}.tag-off{background:#fee2e2;color:#b91c1c}[data-theme=dark] .tag-off{background:#7f1d1d;color:#fca5a5}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-mask);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{width:440px;max-width:calc(100vw - 48px);background:var(--card);color:var(--text);border-radius:12px;padding:24px;border:1px solid var(--border-strong);box-shadow:0 20px 50px #00000040}.modal h3{font-size:18px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-strong)}.form-row{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.form-row:last-of-type,.form-row.form-row-last{border-bottom:none;padding-bottom:0}.form-row label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-muted);font-weight:500}.form-row .input,.form-row .select,.form-row .textarea{width:100%}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-strong)}.alert-error{padding:10px 12px;background:#fef2f2;color:#b91c1c;border-radius:8px;font-size:13px;margin-bottom:16px;border:1px solid #fecaca}[data-theme=dark] .alert-error{background:#450a0a;color:#fca5a5;border-color:#7f1d1d}.code-badge{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:var(--code-bg);color:var(--text);padding:3px 10px;border-radius:6px;border:1px solid var(--border-strong)}.banner{padding:8px 12px;border-radius:8px;margin-bottom:10px;font-size:13px;border:1px solid transparent}.banner-info{background:var(--banner-info-bg);color:var(--banner-info-text);border-color:var(--banner-info-border)}.banner-ok{background:var(--banner-ok-bg);color:var(--banner-ok-text);border-color:var(--banner-ok-border)}