:root{--bg: #f5f6f8;--surface: #ffffff;--ink: #1f2328;--muted: #6b7280;--line: #e5e7eb;--accent: #2563eb;--accent-soft: #eff6ff;--danger: #dc2626;--ok: #16a34a;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100%}.sidebar{width:220px;flex:0 0 220px;background:#111827;color:#e5e7eb;padding:18px 14px;display:flex;flex-direction:column;gap:6px}.sidebar h1{font-size:16px;margin:0 0 18px;color:#fff;letter-spacing:.3px}.sidebar a{display:block;padding:9px 12px;border-radius:8px;color:#cbd5e1;font-size:14px}.sidebar a:hover{background:#1f2937;color:#fff}.sidebar a.active{background:var(--accent);color:#fff}.sidebar .spacer{flex:1}.sidebar .who{font-size:12px;color:#94a3b8;padding:8px 12px}.main{flex:1;padding:22px 26px 60px;min-width:0}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head h2{margin:0;font-size:20px}.page-head .grow{flex:1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}.card h3{margin:0 0 12px;font-size:15px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;background:#fafbfc;white-space:nowrap}tbody tr:hover{background:#f9fafb}td.mono,.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px}.empty{color:var(--muted);padding:28px;text-align:center}input[type=text],input[type=password],input[type=number],select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#fff;font:inherit;cursor:pointer}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn.danger{background:var(--danger)}.btn.sm{padding:5px 10px;font-size:13px}.switch{position:relative;display:inline-block;width:46px;height:26px;flex:0 0 46px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5e1;border-radius:999px;transition:.18s;cursor:pointer}.switch .slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.18s;box-shadow:0 1px 2px #00000040}.switch input:checked+.slider{background:var(--ok)}.switch input:checked+.slider:before{transform:translate(20px)}.switch input:disabled+.slider{opacity:.5;cursor:not-allowed}.cfg-row{display:flex;align-items:center;gap:14px;padding:12px 4px;border-bottom:1px solid var(--line)}.cfg-row:last-child{border-bottom:0}.cfg-row .info{flex:1;min-width:0}.cfg-row .key{font-family:ui-monospace,Consolas,monospace;font-size:13px}.cfg-row .desc{color:var(--muted);font-size:12px}.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;border:1px solid var(--line);color:var(--muted);background:#fafafa}.tag.on{color:var(--ok);border-color:#bbf7d0;background:#f0fdf4}.tag.off{color:var(--danger);border-color:#fecaca;background:#fef2f2}.tag.gray{color:var(--muted)}.toast{position:fixed;right:20px;bottom:20px;z-index:999;background:#111827;color:#fff;padding:11px 16px;border-radius:8px;box-shadow:0 6px 20px #0003;font-size:14px;max-width:380px}.toast.err{background:var(--danger)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;z-index:900;padding:20px}.modal{background:#fff;border-radius:12px;width:100%;max-width:520px;padding:22px 24px;max-height:88vh;overflow:auto}.modal h3{margin:0 0 6px;font-size:17px}.modal .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 26px;box-shadow:0 10px 30px #11182712}.login-card h1{margin:0 0 4px;font-size:20px}.login-card p.sub{margin:0 0 18px;color:var(--muted);font-size:13px}.msg-err{color:var(--danger);font-size:13px;margin-top:10px}.pager{display:flex;align-items:center;gap:10px;margin-top:14px;color:var(--muted);font-size:13px}