:root{--bg:#f5f6fa;--surface:#fff;--surface-2:#f1f2f7;--surface-3:#e9ebf2;--border:#e3e5ee;--border-hover:#cdd2e0;--text-primary:#12131a;--text-secondary:#565b6b;--text-tertiary:#9297a6;--blue:#1648d4;--blue-hover:#0f34a1;--blue-dim:#eaeeff;--emerald:#17a463;--emerald-dim:#e7f7ee;--amber:#b5720a;--amber-dim:#fdf2e0;--violet:#4a2d7b;--violet-dim:#f0ecfd;--danger:#d8362c;--danger-dim:#fdeceb;--radius:12px;--radius-sm:8px;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-w:232px;--sidebar-w-collapsed:76px;--shadow-card:0 1px 2px #1018280a;--shadow-hover:0 8px 20px -8px #1018281f}*{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--blue-dim);color:var(--text-primary)}html,body{height:100%}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#10182824;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#10182838}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.app{min-height:100vh;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.content{width:100%;max-width:1440px;margin:0 auto;padding:26px 28px 60px}.page-title{letter-spacing:-.5px;font-size:24px;font-weight:700}.page-sub{color:var(--text-secondary);margin-top:4px;font-size:14px}.section-heading{letter-spacing:-.3px;margin:30px 0 14px;font-size:18px;font-weight:700}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=1240px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:18px;transition:border-color .15s,box-shadow .15s}.card.hoverable:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);cursor:pointer}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.ok{background:var(--emerald)}.dot.warn{background:var(--amber)}.dot.bad{background:var(--danger)}.dot.neutral{background:var(--text-tertiary)}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--border-hover);background:var(--surface-2)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn.text{color:var(--blue);background:0 0;border-color:#0000;padding:9px 6px}.btn.text:hover{background:0 0;text-decoration:underline}.btn.success{background:var(--emerald);border-color:var(--emerald);color:#fff}.btn.success:hover{filter:brightness(.92)}.btn.text.danger{color:#d33}.channel-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:14px;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex}.channel-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.channel-card-top{justify-content:space-between;align-items:center;display:flex}.channel-icon{background:var(--surface-2);width:42px;height:42px;color:var(--text-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.channel-card-name{font-size:15px;font-weight:600}.channel-status{color:var(--text-secondary);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:flex}.channel-card-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.channel-card-foot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border);padding:10px 0;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:14px 0;font-size:13px}td.primary-text{color:var(--text-primary);font-weight:600}.audit-table-wrap{margin:0 -18px}.audit-table-wrap table{width:calc(100% + 36px)}.audit-table-wrap th:first-child,.audit-table-wrap td:first-child{padding-left:18px}.audit-table-wrap th:last-child,.audit-table-wrap td:last-child{padding-right:18px}tr.audit-row{cursor:pointer}tr.audit-row td{transition:background-color .1s}tr.audit-row:hover td{background-color:var(--surface-2)}tr.audit-row.selected td{background-color:var(--blue-dim)}textarea.draft-edit-textarea::selection{background:var(--blue);color:#fff}