:root{--canvas: #010102;--surface-1: #0f1011;--surface-2: #141516;--surface-3: #18191a;--surface-4: #191a1b;--hairline: #23252a;--hairline-strong: #34343a;--ink: #f7f8f8;--ink-muted: #d0d6e0;--ink-subtle: #8a8f98;--ink-tertiary: #62666d;--primary: #5e6ad2;--primary-hover: #828fff;--primary-focus: #5e69d1;--on-primary: #ffffff;--brand-secure: #7a7fad;--success: #27a644;--danger: #e5484d;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 9999px;--font-sans: "SF Pro Display", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.05px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}code,pre{font-family:var(--font-mono);font-size:13px;line-height:1.5}.json-view{margin:0;white-space:pre-wrap;word-break:break-all;max-height:70vh;overflow:auto;font-size:13px}.j-key{color:var(--brand-secure)}.j-str{color:var(--ink-muted)}.j-num{color:var(--primary-hover)}.j-bool{color:var(--primary)}.j-null{color:var(--ink-tertiary)}.card{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--hairline)}.card-header h2{margin:0;font-size:22px;font-weight:500;letter-spacing:-.4px}.card-body{padding:var(--space-lg)}.tabs{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-md)}.tab{background:var(--canvas);color:var(--ink-subtle);font-size:14px;font-weight:500;border:1px solid var(--hairline);padding:6px 14px;border-radius:var(--radius-pill);cursor:pointer;line-height:1.2}.tab:hover{color:var(--ink)}.tab.active{background:var(--surface-2);color:var(--ink);border-color:var(--hairline-strong)}.btn{background:var(--primary);color:var(--on-primary);border:none;padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;line-height:1.2}.btn:hover{background:var(--primary-hover)}.btn:active{background:var(--primary-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-1);color:var(--ink);border:1px solid var(--hairline);padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;line-height:1.2}.btn-secondary:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--surface-1);color:var(--danger);border:1px solid var(--hairline);padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:500;line-height:1.2}.btn-danger:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.spinner,.empty-state{padding:var(--space-xxl);text-align:center;color:var(--ink-subtle)}.pill{padding:2px 8px;border-radius:var(--radius-pill);font-size:12px;line-height:1.4;background:var(--surface-2);color:var(--ink-muted)}.pill-ok{background:#27a6441f;color:var(--success)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md)}.stat-grid.two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-num{font-size:32px;font-weight:600;letter-spacing:-1px;color:var(--ink)}.top-list{list-style:none;margin:0;padding:0}.top-list li{display:flex;justify-content:space-between;gap:var(--space-md);padding:6px 0;border-bottom:1px solid var(--hairline);font-size:14px}.top-list li:last-child{border-bottom:none}.top-list span:last-child{color:var(--ink-muted)}.app-layout{display:flex;min-height:100vh}.sidebar{width:200px;padding:var(--space-md);background:var(--canvas);border-right:1px solid var(--hairline)}.sidebar .brand{font-size:16px;font-weight:600;letter-spacing:-.4px;color:var(--primary);margin:0 0 var(--space-md)}.sidebar nav a{display:block;padding:var(--space-xs) 10px;margin:var(--space-xxs) 0;color:var(--ink-subtle);text-decoration:none;border-radius:6px;font-size:14px}.sidebar nav a:hover{background:var(--surface-1);color:var(--ink)}.sidebar nav a.active{color:var(--ink);background:var(--surface-1)}.app-main{flex:1;padding:var(--space-lg);max-width:1100px}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--hairline)}.sidebar nav{display:flex;gap:var(--space-xs);flex-wrap:wrap}.app-main{padding:var(--space-sm)}}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-xs);margin-bottom:var(--space-md)}.filters input,.field input,textarea.field,.channel-fields input{background:var(--surface-1);border:1px solid var(--hairline);color:var(--ink);padding:8px 12px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px}.filters input:focus,.field input:focus,textarea.field:focus,.channel-fields input:focus{outline:2px solid rgba(94,105,209,.5);outline-offset:0}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;color:var(--ink-subtle);font-weight:500;padding:var(--space-xs);border-bottom:1px solid var(--hairline)}.data-table td{padding:var(--space-xs);border-bottom:1px solid var(--hairline);vertical-align:middle}.row-expanded td{background:var(--surface-2)}.row-detail td{padding:var(--space-md);background:var(--canvas)}.cell-ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-ttl{font-size:12px;color:var(--ink-tertiary);margin-top:2px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;color:var(--ink-subtle);font-size:14px}.path-link{font-family:var(--font-mono);font-size:13px;color:var(--ink-muted)}.path-link:hover{color:var(--primary-hover)}.path-count{font-family:var(--font-mono);font-size:13px;color:var(--ink)}.detail-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.detail-header h1{font-size:22px;font-weight:500;letter-spacing:-.4px;margin:0}.detail-actions{display:flex;gap:var(--space-xs)}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);color:var(--ink-subtle);font-size:14px;margin-bottom:var(--space-md)}.content-panel{background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-md)}.content-panel h3{margin-top:0;font-size:13px;font-weight:500;letter-spacing:.4px;color:var(--ink-subtle);text-transform:none}.kv-table{width:100%;border-collapse:collapse;font-size:14px}.kv-table td{padding:6px 10px;border-bottom:1px solid var(--hairline);vertical-align:top;word-break:break-all}.save-msg{padding:10px 12px;border-radius:var(--radius-md);background:#27a6441f;color:var(--success);margin-bottom:var(--space-sm);font-size:14px}.save-msg.error{background:#e5484d1f;color:var(--danger)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-md)}.field small{color:var(--ink-subtle);font-size:13px}.field.check{flex-direction:row;align-items:center;gap:var(--space-xs)}.channel-card{background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-sm);margin-bottom:var(--space-sm)}.channel-head{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.channel-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xs)}.masked-clear{padding:4px 10px;font-weight:500}.channel-add{display:flex;gap:var(--space-xs);flex-wrap:wrap}.check-inline{display:flex;align-items:center;gap:6px;color:var(--ink-subtle);font-size:14px}.card-body h3{font-size:13px;font-weight:500;letter-spacing:.4px;color:var(--ink-subtle);margin:var(--space-lg) 0 var(--space-sm)}.card-body h3:first-child{margin-top:0}