:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-900: #1e3a8a;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--gray-50: #f8fafc;--gray-200: #e2e8f0;--gray-400: #94a3b8;--gray-600: #475569;--gray-900: #0f172a;--white: #ffffff;--radius: 10px;--shadow-sm: 0 1px 2px rgb(15 23 42 / .06);--shadow-md: 0 4px 16px rgb(30 58 138 / .08);--shadow-lg: 0 12px 32px rgb(30 58 138 / .12);color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-900);background:linear-gradient(160deg,var(--blue-50) 0%,var(--white) 55%);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.02em}h1{font-size:1.5rem;color:var(--blue-900)}h2{font-size:1.0625rem;color:var(--gray-900)}.app{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}.app-header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding-bottom:1.25rem;border-bottom:2px solid var(--blue-100);margin-bottom:1.75rem}.brand{display:flex;align-items:center;gap:.625rem}.brand:before{content:"";width:4px;height:1.75rem;border-radius:2px;background:var(--red-500)}.session{display:flex;align-items:center;gap:.875rem;font-size:.875rem;color:var(--gray-600)}.session strong{color:var(--blue-700)}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1.375rem;box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.count{font-size:.75rem;font-weight:600;color:var(--blue-700);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:999px;padding:.1875rem .5625rem}.status{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--gray-600)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-ok{background:var(--blue-500);box-shadow:0 0 0 3px #3b82f626}.dot-error{background:var(--red-500);box-shadow:0 0 0 3px #ef444426}.dot-idle{background:var(--gray-400)}.user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.375rem}.user-list li{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.9375rem;background:var(--gray-50);border-radius:6px}.avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:600;color:var(--white);background:var(--blue-600);flex-shrink:0}.empty{margin:0;font-size:.875rem;color:var(--gray-400)}button{font:inherit;cursor:pointer;border-radius:7px;border:1px solid transparent;padding:.5rem .875rem;font-size:.875rem;font-weight:550;transition:background-color .15s,border-color .15s,color .15s}button:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--blue-600);color:var(--white);width:100%;padding:.625rem}.btn-primary:hover:not(:disabled){background:var(--blue-700)}.btn-secondary{background:var(--white);border-color:var(--gray-200);color:var(--gray-600)}.btn-secondary:hover:not(:disabled){border-color:var(--blue-200);color:var(--blue-700)}.btn-ghost-danger{background:transparent;border-color:var(--gray-200);color:var(--red-600)}.btn-ghost-danger:hover:not(:disabled){background:var(--red-50);border-color:var(--red-500)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.login-card{width:100%;max-width:380px;background:var(--white);border:1px solid var(--gray-200);border-top:3px solid var(--blue-600);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg)}.login-card h1{margin-bottom:.375rem}.login-sub{margin:0 0 1.5rem;font-size:.875rem;color:var(--gray-400)}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}label{font-size:.8125rem;font-weight:550;color:var(--gray-600)}input{font:inherit;font-size:.9375rem;padding:.5625rem .75rem;border:1px solid var(--gray-200);border-radius:7px;background:var(--white);color:var(--gray-900);transition:border-color .15s,box-shadow .15s}input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61f}.alert{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;padding:.625rem .75rem;font-size:.875rem;color:var(--red-700);background:var(--red-50);border:1px solid rgb(239 68 68 / .25);border-left:3px solid var(--red-500);border-radius:6px}.loading{min-height:100vh;display:grid;place-items:center;color:var(--gray-400);font-size:.9375rem}.tabs{display:flex;gap:4px;padding:4px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius)}.tab{padding:7px 16px;border-radius:7px;font-size:.875rem;font-weight:550;color:var(--gray-600);text-decoration:none;transition:background .15s,color .15s}.tab:hover{color:var(--gray-900)}.tab.active{background:var(--white);color:var(--blue-700);box-shadow:var(--shadow-sm)}.app-main{width:100%;margin:0 auto}.stack{display:flex;flex-direction:column;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.field-wide{grid-column:1 / -1}.row{display:flex;gap:8px}.row input{flex:1;min-width:0}.preview{margin:16px 0 0;padding:10px 14px;border-radius:var(--radius);background:var(--blue-50);color:var(--blue-900);font-size:.875rem}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{padding:8px 10px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400);border-bottom:1px solid var(--gray-200);white-space:nowrap}.table td{padding:12px 10px;border-bottom:1px solid var(--gray-200);vertical-align:top}.table tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .strong{font-weight:650;color:var(--blue-900)}.row-paused{opacity:.55}.cell-title{font-weight:550;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:220px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}.muted{color:var(--gray-400);font-size:.8125rem}.badge{padding:3px 10px;border:1px solid var(--gray-200);border-radius:999px;background:var(--gray-50);color:var(--gray-600);font-size:.75rem;font-weight:600;cursor:pointer}.badge-on{border-color:var(--blue-200);background:var(--blue-50);color:var(--blue-700)}.sparkline{display:block;overflow:visible;margin-left:8px}.sparkline polyline{fill:none;stroke:var(--blue-500);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sparkline circle{fill:var(--blue-600)}.cell-sub{margin-top:2px;font-size:.75rem;color:var(--gray-400)}.row-actions{display:flex;gap:8px;white-space:nowrap}.table td button{white-space:nowrap}.th-sort{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.th-sort:hover{color:var(--gray-600)}.th-sort-active{color:var(--blue-700)}.th-arrow{display:inline-block;min-width:8px;font-size:.7rem}.nowrap,.table .mono{white-space:nowrap}.stream-link{color:inherit;text-decoration:none}.stream-link:hover{color:var(--blue-600);text-decoration:underline}select{width:100%;padding:.6rem .75rem;border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);font:inherit;color:inherit}select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.source-tag{display:inline-block;color:var(--gray-400);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.source-icon{display:inline-flex;vertical-align:-2px}