:root{--brand-color-primary: #0969da;--brand-color-primary-fg: #0969da;--brand-color-primary-bg: #e6f5ff;--brand-color-primary-bg-hover: #addeff;--brand-color-primary-border: #85c9ff;--brand-color-primary-border-hover: #57a9f2;--brand-color-primary-hover: #2e88e6;--brand-color-primary-active: #004cb3;--brand-color-primary-text: #002566;--brand-color-success: #52c41a;--brand-color-success-bg: #f6ffed;--brand-color-success-border: #b6eb8f;--brand-color-success-hover: #72d13d;--brand-color-success-active: #389e0d;--brand-color-warning: #faad14;--brand-color-warning-bg: #fffbe6;--brand-color-warning-border: #ffe58f;--brand-color-warning-hover: #ffc53d;--brand-color-warning-active: #d48806;--brand-color-error: #ff4d4f;--brand-color-error-bg: #fff2f0;--brand-color-error-border: #ffccc7;--brand-color-error-hover: #ff7875;--brand-color-error-active: #d9363d;--brand-color-info: #0969da;--brand-color-info-bg: #e6f5ff;--brand-color-info-border: #85c9ff;--brand-color-link: #dafbe1;--brand-color-link-hover: #f0fff2;--brand-color-link-active: #aed4b7;--brand-color-text: #358e4f;--brand-color-text-secondary: #6aac7d;--brand-color-text-tertiary: #98c5a5;--brand-color-text-quaternary: #c6dfcd;--brand-color-fill: #ddece1;--brand-color-fill-secondary: #f1f7f3;--brand-color-fill-tertiary: #f6faf7;--brand-color-fill-quaternary: #fafcfb;--brand-color-bg-layout: #f6faf7;--brand-color-bg-container: #ffffff;--brand-color-bg-elevated: #ffffff;--brand-color-border: #ddece1;--brand-color-border-secondary: #f1f7f3;--brand-font-family: SFMono, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--brand-font-family-code: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--brand-font-size: 14px;--brand-font-size-sm: 12px;--brand-font-size-lg: 18px;--brand-font-size-xl: 22px;--brand-font-size-heading-1: 38px;--brand-font-size-heading-2: 32px;--brand-font-size-heading-3: 26px;--brand-font-size-heading-4: 22px;--brand-font-size-heading-5: 18px;--brand-line-height: 1.5714285714285714;--brand-line-height-heading: 1.25;--brand-font-weight-strong: 600;--brand-size-xxs: 4px;--brand-size-xs: 8px;--brand-size-sm: 12px;--brand-size: 16px;--brand-size-md: 20px;--brand-size-lg: 24px;--brand-size-xl: 32px;--brand-size-xxl: 48px;--brand-border-radius-xs: 3px;--brand-border-radius-sm: 5px;--brand-border-radius: 8px;--brand-border-radius-lg: 10px;--brand-line-width: 1px;--brand-control-height-xs: 16px;--brand-control-height-sm: 24px;--brand-control-height: 32px;--brand-control-height-lg: 40px;--brand-motion-duration-fast: .1s;--brand-motion-duration-mid: .2s;--brand-motion-duration-slow: .3s;--brand-motion-ease-in-out: cubic-bezier(.645, .045, .355, 1);--brand-motion-ease-out: cubic-bezier(.215, .61, .355, 1);--brand-primary-palette-1: #e6f5ff;--brand-primary-palette-2: #addeff;--brand-primary-palette-3: #85c9ff;--brand-primary-palette-4: #57a9f2;--brand-primary-palette-5: #2e88e6;--brand-primary-palette-6: #0969da;--brand-primary-palette-7: #004cb3;--brand-primary-palette-8: #00378c;--brand-primary-palette-9: #002566;--brand-primary-palette-10: #001540;--brand-presets-red-1: #fff1f0;--brand-presets-red-2: #ffcbc7;--brand-presets-red-3: #ffa39e;--brand-presets-red-4: #ff7775;--brand-presets-red-5: #ff4d50;--brand-presets-red-6: #f5222d;--brand-presets-red-7: #cf1323;--brand-presets-red-8: #a8071a;--brand-presets-red-9: #820014;--brand-presets-red-10: #5c0011;--brand-presets-volcano-1: #fff2e8;--brand-presets-volcano-2: #ffd8bf;--brand-presets-volcano-3: #ffbb96;--brand-presets-volcano-4: #ff9c6e;--brand-presets-volcano-5: #ff7a45;--brand-presets-volcano-6: #fa541c;--brand-presets-volcano-7: #d4380d;--brand-presets-volcano-8: #ad2202;--brand-presets-volcano-9: #871500;--brand-presets-volcano-10: #610c00;--brand-presets-orange-1: #fff7e6;--brand-presets-orange-2: #ffe7ba;--brand-presets-orange-3: #ffd591;--brand-presets-orange-4: #ffc069;--brand-presets-orange-5: #ffa940;--brand-presets-orange-6: #fa8c16;--brand-presets-orange-7: #d46b08;--brand-presets-orange-8: #ad4e00;--brand-presets-orange-9: #873800;--brand-presets-orange-10: #612500;--brand-presets-gold-1: #fffbe6;--brand-presets-gold-2: #fff1b8;--brand-presets-gold-3: #ffe58f;--brand-presets-gold-4: #ffd666;--brand-presets-gold-5: #ffc53d;--brand-presets-gold-6: #faad14;--brand-presets-gold-7: #d48806;--brand-presets-gold-8: #ad6800;--brand-presets-gold-9: #874c00;--brand-presets-gold-10: #613400;--brand-presets-yellow-1: #feffe6;--brand-presets-yellow-2: #ffffb8;--brand-presets-yellow-3: #fffb8f;--brand-presets-yellow-4: #fff566;--brand-presets-yellow-5: #ffeb3d;--brand-presets-yellow-6: #fadb14;--brand-presets-yellow-7: #d4b106;--brand-presets-yellow-8: #ad8a00;--brand-presets-yellow-9: #876700;--brand-presets-yellow-10: #614700;--brand-presets-lime-1: #fcffe6;--brand-presets-lime-2: #f4ffb8;--brand-presets-lime-3: #eaff8f;--brand-presets-lime-4: #d3f261;--brand-presets-lime-5: #bae637;--brand-presets-lime-6: #a0d911;--brand-presets-lime-7: #7bb305;--brand-presets-lime-8: #5b8c00;--brand-presets-lime-9: #3f6600;--brand-presets-lime-10: #254000;--brand-presets-green-1: #f6ffed;--brand-presets-green-2: #d9f7be;--brand-presets-green-3: #b6eb8f;--brand-presets-green-4: #94de64;--brand-presets-green-5: #72d13d;--brand-presets-green-6: #52c41a;--brand-presets-green-7: #389e0d;--brand-presets-green-8: #227804;--brand-presets-green-9: #135200;--brand-presets-green-10: #092b00;--brand-presets-cyan-1: #e6fffb;--brand-presets-cyan-2: #b5f5ec;--brand-presets-cyan-3: #87e8de;--brand-presets-cyan-4: #5cdbd3;--brand-presets-cyan-5: #36cfc9;--brand-presets-cyan-6: #13c2c2;--brand-presets-cyan-7: #08979c;--brand-presets-cyan-8: #006d75;--brand-presets-cyan-9: #00474f;--brand-presets-cyan-10: #002329;--brand-presets-blue-1: #e6f4ff;--brand-presets-blue-2: #bae0ff;--brand-presets-blue-3: #91caff;--brand-presets-blue-4: #69b1ff;--brand-presets-blue-5: #4096ff;--brand-presets-blue-6: #1677ff;--brand-presets-blue-7: #0958d9;--brand-presets-blue-8: #003eb3;--brand-presets-blue-9: #002c8c;--brand-presets-blue-10: #001d66;--brand-presets-geekblue-1: #f0f5ff;--brand-presets-geekblue-2: #d6e4ff;--brand-presets-geekblue-3: #adc6ff;--brand-presets-geekblue-4: #85a5ff;--brand-presets-geekblue-5: #597df7;--brand-presets-geekblue-6: #2f54eb;--brand-presets-geekblue-7: #1d39c4;--brand-presets-geekblue-8: #10229e;--brand-presets-geekblue-9: #061178;--brand-presets-geekblue-10: #030852;--brand-presets-purple-1: #f9f0ff;--brand-presets-purple-2: #efdbff;--brand-presets-purple-3: #d4adf7;--brand-presets-purple-4: #b37feb;--brand-presets-purple-5: #9254de;--brand-presets-purple-6: #722ed1;--brand-presets-purple-7: #531dab;--brand-presets-purple-8: #391085;--brand-presets-purple-9: #22075e;--brand-presets-purple-10: #120338;--brand-presets-magenta-1: #fff0f6;--brand-presets-magenta-2: #ffd6e7;--brand-presets-magenta-3: #ffadd2;--brand-presets-magenta-4: #ff85bf;--brand-presets-magenta-5: #f759aa;--brand-presets-magenta-6: #eb2f96;--brand-presets-magenta-7: #c41d7e;--brand-presets-magenta-8: #9e1067;--brand-presets-magenta-9: #780650;--brand-presets-magenta-10: #520339;--brand-presets-grey-1: #a6a6a6;--brand-presets-grey-2: #999999;--brand-presets-grey-3: #8c8c8c;--brand-presets-grey-4: #808080;--brand-presets-grey-5: #737373;--brand-presets-grey-6: #666666;--brand-presets-grey-7: #404040;--brand-presets-grey-8: #1a1a1a;--brand-presets-grey-9: #000000;--brand-presets-grey-10: #000000}.dark{--brand-color-primary: #316dca;--brand-color-primary-fg: #58a6ff;--brand-color-primary-bg: #121d2f;--brand-color-primary-bg-hover: #112946;--brand-color-primary-border: #2c4f7c;--brand-color-primary-border-hover: #204873;--brand-color-primary-hover: #3a7bd5;--brand-color-primary-active: #2559a8;--brand-color-primary-text: #a8d8f8;--brand-color-success: #64b537;--brand-color-success-bg: #192913;--brand-color-success-border: #304d20;--brand-color-success-hover: #87ca5c;--brand-color-success-active: #518f2f;--brand-color-warning: #dcaa37;--brand-color-warning-bg: #312512;--brand-color-warning-border: #5b4920;--brand-color-warning-hover: #e8c35e;--brand-color-warning-active: #ad872f;--brand-color-error: #dc6966;--brand-color-error-bg: #32191a;--brand-color-error-border: #5b3231;--brand-color-error-hover: #e89590;--brand-color-error-active: #ad5553;--brand-color-info: #2a77c7;--brand-color-info-bg: #111c2c;--brand-color-info-border: #1c3753;--brand-color-link: #cfdcd1;--brand-color-link-hover: #dae8dc;--brand-color-link-active: #a3ada4;--brand-color-text: #dcdcdc;--brand-color-text-secondary: #adadad;--brand-color-text-tertiary: #7e7e7e;--brand-color-text-quaternary: #4f4f4f;--brand-color-fill: #3e3e3e;--brand-color-fill-secondary: #303030;--brand-color-fill-tertiary: #272727;--brand-color-fill-quaternary: #1d1d1d;--brand-color-bg-layout: #1d1d1d;--brand-color-bg-container: #0d1117;--brand-color-bg-elevated: #272727;--brand-color-border: #3e3e3e;--brand-color-border-secondary: #303030;--brand-font-family: SFMono, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--brand-font-family-code: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--brand-font-size: 14px;--brand-font-size-sm: 12px;--brand-font-size-lg: 18px;--brand-font-size-xl: 22px;--brand-font-size-heading-1: 38px;--brand-font-size-heading-2: 32px;--brand-font-size-heading-3: 26px;--brand-font-size-heading-4: 22px;--brand-font-size-heading-5: 18px;--brand-line-height: 1.5714285714285714;--brand-line-height-heading: 1.25;--brand-font-weight-strong: 600;--brand-size-xxs: 4px;--brand-size-xs: 8px;--brand-size-sm: 12px;--brand-size: 16px;--brand-size-md: 20px;--brand-size-lg: 24px;--brand-size-xl: 32px;--brand-size-xxl: 48px;--brand-border-radius-xs: 3px;--brand-border-radius-sm: 5px;--brand-border-radius: 8px;--brand-border-radius-lg: 10px;--brand-line-width: 1px;--brand-control-height-xs: 16px;--brand-control-height-sm: 24px;--brand-control-height: 32px;--brand-control-height-lg: 40px;--brand-motion-duration-fast: .1s;--brand-motion-duration-mid: .2s;--brand-motion-duration-slow: .3s;--brand-motion-ease-in-out: cubic-bezier(.645, .045, .355, 1);--brand-motion-ease-out: cubic-bezier(.215, .61, .355, 1);--brand-primary-palette-1: #111c2c;--brand-primary-palette-2: #112946;--brand-primary-palette-3: #1c3753;--brand-primary-palette-4: #204873;--brand-primary-palette-5: #255f9d;--brand-primary-palette-6: #2a77c7;--brand-primary-palette-7: #509adc;--brand-primary-palette-8: #7fc0f3;--brand-primary-palette-9: #a8d8f8;--brand-primary-palette-10: #e2f1fa;--brand-presets-red-1: #fff1f0;--brand-presets-red-2: #ffcbc7;--brand-presets-red-3: #ffa39e;--brand-presets-red-4: #ff7775;--brand-presets-red-5: #ff4d50;--brand-presets-red-6: #f5222d;--brand-presets-red-7: #cf1323;--brand-presets-red-8: #a8071a;--brand-presets-red-9: #820014;--brand-presets-red-10: #5c0011;--brand-presets-volcano-1: #fff2e8;--brand-presets-volcano-2: #ffd8bf;--brand-presets-volcano-3: #ffbb96;--brand-presets-volcano-4: #ff9c6e;--brand-presets-volcano-5: #ff7a45;--brand-presets-volcano-6: #fa541c;--brand-presets-volcano-7: #d4380d;--brand-presets-volcano-8: #ad2202;--brand-presets-volcano-9: #871500;--brand-presets-volcano-10: #610c00;--brand-presets-orange-1: #fff7e6;--brand-presets-orange-2: #ffe7ba;--brand-presets-orange-3: #ffd591;--brand-presets-orange-4: #ffc069;--brand-presets-orange-5: #ffa940;--brand-presets-orange-6: #fa8c16;--brand-presets-orange-7: #d46b08;--brand-presets-orange-8: #ad4e00;--brand-presets-orange-9: #873800;--brand-presets-orange-10: #612500;--brand-presets-gold-1: #fffbe6;--brand-presets-gold-2: #fff1b8;--brand-presets-gold-3: #ffe58f;--brand-presets-gold-4: #ffd666;--brand-presets-gold-5: #ffc53d;--brand-presets-gold-6: #faad14;--brand-presets-gold-7: #d48806;--brand-presets-gold-8: #ad6800;--brand-presets-gold-9: #874c00;--brand-presets-gold-10: #613400;--brand-presets-yellow-1: #feffe6;--brand-presets-yellow-2: #ffffb8;--brand-presets-yellow-3: #fffb8f;--brand-presets-yellow-4: #fff566;--brand-presets-yellow-5: #ffeb3d;--brand-presets-yellow-6: #fadb14;--brand-presets-yellow-7: #d4b106;--brand-presets-yellow-8: #ad8a00;--brand-presets-yellow-9: #876700;--brand-presets-yellow-10: #614700;--brand-presets-lime-1: #fcffe6;--brand-presets-lime-2: #f4ffb8;--brand-presets-lime-3: #eaff8f;--brand-presets-lime-4: #d3f261;--brand-presets-lime-5: #bae637;--brand-presets-lime-6: #a0d911;--brand-presets-lime-7: #7bb305;--brand-presets-lime-8: #5b8c00;--brand-presets-lime-9: #3f6600;--brand-presets-lime-10: #254000;--brand-presets-green-1: #f6ffed;--brand-presets-green-2: #d9f7be;--brand-presets-green-3: #b6eb8f;--brand-presets-green-4: #94de64;--brand-presets-green-5: #72d13d;--brand-presets-green-6: #52c41a;--brand-presets-green-7: #389e0d;--brand-presets-green-8: #227804;--brand-presets-green-9: #135200;--brand-presets-green-10: #092b00;--brand-presets-cyan-1: #e6fffb;--brand-presets-cyan-2: #b5f5ec;--brand-presets-cyan-3: #87e8de;--brand-presets-cyan-4: #5cdbd3;--brand-presets-cyan-5: #36cfc9;--brand-presets-cyan-6: #13c2c2;--brand-presets-cyan-7: #08979c;--brand-presets-cyan-8: #006d75;--brand-presets-cyan-9: #00474f;--brand-presets-cyan-10: #002329;--brand-presets-blue-1: #e6f4ff;--brand-presets-blue-2: #bae0ff;--brand-presets-blue-3: #91caff;--brand-presets-blue-4: #69b1ff;--brand-presets-blue-5: #4096ff;--brand-presets-blue-6: #1677ff;--brand-presets-blue-7: #0958d9;--brand-presets-blue-8: #003eb3;--brand-presets-blue-9: #002c8c;--brand-presets-blue-10: #001d66;--brand-presets-geekblue-1: #f0f5ff;--brand-presets-geekblue-2: #d6e4ff;--brand-presets-geekblue-3: #adc6ff;--brand-presets-geekblue-4: #85a5ff;--brand-presets-geekblue-5: #597df7;--brand-presets-geekblue-6: #2f54eb;--brand-presets-geekblue-7: #1d39c4;--brand-presets-geekblue-8: #10229e;--brand-presets-geekblue-9: #061178;--brand-presets-geekblue-10: #030852;--brand-presets-purple-1: #f9f0ff;--brand-presets-purple-2: #efdbff;--brand-presets-purple-3: #d4adf7;--brand-presets-purple-4: #b37feb;--brand-presets-purple-5: #9254de;--brand-presets-purple-6: #722ed1;--brand-presets-purple-7: #531dab;--brand-presets-purple-8: #391085;--brand-presets-purple-9: #22075e;--brand-presets-purple-10: #120338;--brand-presets-magenta-1: #fff0f6;--brand-presets-magenta-2: #ffd6e7;--brand-presets-magenta-3: #ffadd2;--brand-presets-magenta-4: #ff85bf;--brand-presets-magenta-5: #f759aa;--brand-presets-magenta-6: #eb2f96;--brand-presets-magenta-7: #c41d7e;--brand-presets-magenta-8: #9e1067;--brand-presets-magenta-9: #780650;--brand-presets-magenta-10: #520339;--brand-presets-grey-1: #a6a6a6;--brand-presets-grey-2: #999999;--brand-presets-grey-3: #8c8c8c;--brand-presets-grey-4: #808080;--brand-presets-grey-5: #737373;--brand-presets-grey-6: #666666;--brand-presets-grey-7: #404040;--brand-presets-grey-8: #1a1a1a;--brand-presets-grey-9: #000000;--brand-presets-grey-10: #000000}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html.dark{color-scheme:dark}body{font-family:var(--brand-font-family);font-size:var(--brand-font-size);line-height:var(--brand-line-height);color:var(--brand-color-text);background:var(--brand-color-bg-layout);-webkit-font-smoothing:antialiased}a{color:var(--brand-color-primary-fg);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--brand-font-family-code)}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--brand-color-bg-container);border-right:1px solid var(--brand-color-border);padding:var(--brand-size);display:flex;flex-direction:column;gap:var(--brand-size-xs)}.sidebar .brand{font-weight:700;font-size:var(--brand-font-size-lg);color:var(--brand-color-primary-fg);padding:var(--brand-size-xs) var(--brand-size-xs) var(--brand-size);display:flex;align-items:center;gap:8px}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--brand-border-radius-sm);color:var(--brand-color-text);font-weight:500}button.nav-link{border:0;background:none;font-family:inherit;font-size:inherit;text-align:left;cursor:pointer}.nav-link svg{flex-shrink:0;font-size:17px}.nav-link:hover{background:var(--brand-color-fill-tertiary);text-decoration:none}.nav-link.active{background:var(--brand-color-primary-bg);color:var(--brand-color-primary-fg)}.main{padding:var(--brand-size-lg) var(--brand-size-xl);overflow:auto;height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--brand-size-lg)}.page-title{font-size:var(--brand-font-size-heading-4);font-weight:700;color:var(--brand-color-text);margin:0}.muted{color:var(--brand-color-text-secondary)}.card{background:var(--brand-color-bg-container);border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius);padding:var(--brand-size)}.grid{display:grid;gap:var(--brand-size)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat{display:flex;flex-direction:column;gap:4px}.stat .label{color:var(--brand-color-text-secondary);font-size:var(--brand-font-size-sm);text-transform:uppercase;letter-spacing:.04em}.stat .value{font-size:var(--brand-font-size-heading-3);font-weight:700;color:var(--brand-color-text)}.stream-list{display:flex;flex-direction:column;gap:var(--brand-size-sm)}.table-wrap{overflow-x:auto;background:var(--brand-color-bg-container);border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:var(--brand-size-sm) var(--brand-size);border-bottom:1px solid var(--brand-color-border);white-space:nowrap}.data-table th{font-size:var(--brand-font-size-sm);font-weight:600;color:var(--brand-color-text-secondary);background:var(--brand-color-fill-tertiary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--brand-color-fill-quaternary)}.data-table td.actions{text-align:right}.data-table .name{font-weight:600}.stream-row{display:flex;align-items:center;gap:var(--brand-size);padding:var(--brand-size-sm) var(--brand-size);background:var(--brand-color-bg-container);border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius)}.stream-row:hover{border-color:var(--brand-color-primary-border)}.stream-row .name{font-weight:600;color:var(--brand-color-text)}.owner-head{display:flex;align-items:center;gap:8px;padding:6px 4px;margin-bottom:6px;border-bottom:1px solid var(--brand-color-border);cursor:pointer;color:var(--brand-color-text-secondary);font-size:var(--brand-font-size-sm)}.owner-head .name{font-weight:700;color:var(--brand-color-text)}.stream-row .key{font-family:var(--brand-font-family-code);font-size:var(--brand-font-size-sm);color:var(--brand-color-text-tertiary)}.grow{flex:1}.row{display:flex;align-items:center;gap:var(--brand-size-sm)}.col{display:flex;flex-direction:column;gap:var(--brand-size-sm);min-width:0}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--brand-size-lg);align-items:start}@media (max-width: 1180px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.field-label{font-size:var(--brand-font-size-sm);color:var(--brand-color-text-secondary);margin-bottom:2px}.stat-row{display:flex;flex-wrap:wrap;gap:var(--brand-size);margin-top:var(--brand-size);padding-top:var(--brand-size-sm);border-top:1px solid var(--brand-color-border);font-size:var(--brand-font-size-sm);color:var(--brand-color-text-secondary)}.stat-row span{display:inline-flex;align-items:center;gap:6px}.stat-row svg{flex-shrink:0;color:var(--brand-color-text-tertiary)}.note{font-size:var(--brand-font-size-sm);line-height:1.5;padding:10px 12px;border-radius:var(--brand-border-radius-sm);background:var(--brand-color-warning-bg);border:1px solid var(--brand-color-warning-border);color:var(--brand-color-text-secondary)}.note.info{background:var(--brand-color-primary-bg);border-color:var(--brand-color-primary-border)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:var(--brand-font-size-sm);font-weight:600;border:1px solid transparent}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.live{color:var(--brand-color-error);background:var(--brand-color-error-bg);border-color:var(--brand-color-error-border)}.badge.live .dot{animation:pulse 1.4s infinite}.badge.offline{color:var(--brand-color-text-tertiary);background:var(--brand-color-fill-tertiary);border-color:var(--brand-color-border)}.badge.public{color:var(--brand-color-success-active);background:var(--brand-color-success-bg);border-color:var(--brand-color-success-border)}.badge.rec{color:var(--brand-color-error);background:var(--brand-color-error-bg);border-color:var(--brand-color-error-border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--brand-control-height);padding:0 14px;border-radius:var(--brand-border-radius-sm);border:1px solid var(--brand-color-border);background:var(--brand-color-bg-container);color:var(--brand-color-text);font-family:inherit;font-size:var(--brand-font-size);font-weight:600;cursor:pointer;transition:all var(--brand-motion-duration-fast) var(--brand-motion-ease-out)}.btn:hover{background:var(--brand-color-fill-tertiary)}.btn.primary{background:var(--brand-color-primary);border-color:var(--brand-color-primary);color:#fff}.btn.primary:hover{background:var(--brand-color-primary-hover)}.btn.danger{color:var(--brand-color-error);border-color:var(--brand-color-error-border)}.btn.danger:hover{background:var(--brand-color-error-bg)}.btn.sm{height:var(--brand-control-height-sm);padding:0 10px;font-size:var(--brand-font-size-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.icon-only{padding:0;width:var(--brand-control-height-sm)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--brand-size)}.field label{font-weight:600;font-size:var(--brand-font-size-sm)}.input{height:var(--brand-control-height-lg);padding:0 12px;border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius-sm);background:var(--brand-color-bg-container);color:var(--brand-color-text);font-family:inherit;font-size:var(--brand-font-size)}.input-affix{position:relative;display:flex}.input-affix .input{width:100%;padding-right:40px}.input-affix .affix-btn{position:absolute;top:1px;right:1px;bottom:1px;width:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;border-radius:0 var(--brand-border-radius-sm) var(--brand-border-radius-sm) 0;color:var(--brand-color-text-tertiary);cursor:pointer}.input-affix .affix-btn:hover{color:var(--brand-color-text);background:var(--brand-color-fill-tertiary)}.input:focus{outline:none;border-color:var(--brand-color-primary);box-shadow:0 0 0 3px var(--brand-color-primary-bg)}textarea.input{height:auto;padding:8px 12px;resize:vertical}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{display:none}.switch .track{width:38px;height:22px;border-radius:999px;background:var(--brand-color-fill);position:relative;transition:background var(--brand-motion-duration-mid)}.switch .thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform var(--brand-motion-duration-mid);box-shadow:0 1px 2px #0003}.switch input:checked+.track{background:var(--brand-color-primary)}.switch input:checked+.track .thumb{transform:translate(16px)}.player{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:var(--brand-border-radius);overflow:hidden;position:relative}.player video{width:100%;height:100%;object-fit:contain;background:#000}.player .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#c6dfcd;flex-direction:column;gap:8px;text-align:center;padding:16px}.player-controls{display:flex;align-items:center;gap:var(--brand-size-sm);margin-top:var(--brand-size-sm)}.seg{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius-sm);background:var(--brand-color-fill-quaternary)}.seg button{border:0;background:none;border-radius:calc(var(--brand-border-radius-sm) - 2px);padding:5px 12px;font-family:inherit;font-size:var(--brand-font-size-sm);font-weight:600;color:var(--brand-color-text-secondary);cursor:pointer;white-space:nowrap}.seg button:hover{color:var(--brand-color-text)}.seg button.active{background:var(--brand-color-bg-container);color:var(--brand-color-primary-fg);box-shadow:0 1px 2px #00000014}.seg button .muted{font-weight:400}.player-tabs{display:flex;gap:4px;margin-bottom:var(--brand-size-sm)}.player-tabs .tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--brand-border-radius-sm);border:1px solid var(--brand-color-border);background:var(--brand-color-bg-container);cursor:pointer;font-weight:600;font-size:var(--brand-font-size-sm)}.player-tabs .tab.active{background:var(--brand-color-primary-bg);border-color:var(--brand-color-primary-border);color:var(--brand-color-primary-fg)}.cam-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--brand-size-lg);align-items:start}@media (max-width: 900px){.cam-layout{grid-template-columns:minmax(0,1fr)}}.cam-picker{position:sticky;top:0;max-height:calc(100vh - 140px);display:flex;flex-direction:column;gap:var(--brand-size-sm)}.cam-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cam-picker-list{overflow:auto}.cam-tree{list-style:none;margin:0;padding:0}.cam-tree-row{display:flex;align-items:center;gap:6px;padding:5px 4px;border-radius:var(--brand-border-radius-sm);cursor:pointer;font-size:var(--brand-font-size-sm)}.cam-tree-row:hover{background:var(--brand-color-fill-quaternary)}.cam-tree-row.folder{font-weight:600}.cam-tree-row input{accent-color:var(--brand-color-primary);width:15px;height:15px;flex-shrink:0;cursor:pointer}.cam-tree-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-tree-row .count{font-size:var(--brand-font-size-sm);flex-shrink:0}.cam-tree-row .twisty{display:flex;align-items:center;justify-content:center;width:15px;height:15px;padding:0;border:0;background:none;color:var(--brand-color-text-tertiary);font-size:10px;cursor:pointer;flex-shrink:0}.cam-stage{height:calc(100vh - 150px);min-height:320px}.cam-stage.fs{height:100vh;background:#000}.cam-grid{display:grid;height:100%;overflow:auto}.cam-tile{display:flex;flex-direction:column;min-height:0;background:var(--brand-color-bg-container);border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius);padding:8px}.cam-tile .player{flex:1;min-height:0;aspect-ratio:auto;border-radius:var(--brand-border-radius-sm)}.cam-stage.fs .cam-tile{position:relative;padding:0;border:0;border-radius:0;background:#000}.cam-stage.fs .cam-tile .player{border-radius:0}.cam-tile-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 2px;gap:8px}.cam-tile-bar .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cam-tile-bar .res{font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}.tile-fs{display:inline-flex;padding:2px 4px;border:0;background:none;color:var(--brand-color-text-tertiary);cursor:pointer;font-size:12px;flex-shrink:0}.tile-fs:hover{color:var(--brand-color-text)}.cam-tile.solo{position:relative;padding:0;border:0;border-radius:0;background:#000}.cam-tile.solo .player{border-radius:0}.cam-tile.solo .cam-tile-bar,.cam-stage.fs .cam-tile-bar{position:absolute;left:0;right:0;bottom:0;padding:14px 8px 4px;background:linear-gradient(transparent,#0009);pointer-events:none}.cam-tile.solo .cam-tile-bar .name,.cam-tile.solo .tile-fs,.cam-stage.fs .cam-tile-bar .name,.cam-stage.fs .tile-fs{pointer-events:auto;color:#e6f2ea}.cam-tile.solo .cam-tile-bar .res,.cam-stage.fs .cam-tile-bar .res{color:#b9cfc0}.codeblock{display:flex;align-items:center;gap:8px;background:var(--brand-color-fill-quaternary);border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius-sm);padding:8px 10px;font-family:var(--brand-font-family-code);font-size:var(--brand-font-size-sm);overflow:hidden}.codeblock .txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codeblock .btn{flex-shrink:0}.codeblock-multi{position:relative;background:var(--brand-color-fill-quaternary);border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius-sm)}.codeblock-multi pre{margin:0;padding:10px 12px;overflow-x:auto;font-family:var(--brand-font-family-code);font-size:var(--brand-font-size-sm);line-height:1.55;color:var(--brand-color-text-secondary)}.codeblock-multi .copy{position:absolute;top:6px;right:6px;z-index:1}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--brand-color-bg-layout)}.login-card{width:360px;max-width:calc(100vw - 32px)}.login-card .brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--brand-font-size-heading-4);font-weight:700;color:var(--brand-color-primary-fg);margin-bottom:var(--brand-size-lg)}.error-text{color:var(--brand-color-error);font-size:var(--brand-font-size-sm)}.section-title{font-weight:700;font-size:var(--brand-font-size-lg);margin:0 0 var(--brand-size-sm)}.divider{height:1px;background:var(--brand-color-border);margin:var(--brand-size) 0}.spinner{width:18px;height:18px;border:2px solid var(--brand-color-border);border-top-color:var(--brand-color-primary-fg);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.embed-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.embed-stage,.embed-stage>div{display:contents}.embed-page .player-controls{position:absolute;top:10px;right:10px;z-index:2;margin:0;width:auto;gap:6px;opacity:.4;transition:opacity .15s ease}.embed-page:hover .player-controls,.embed-page .player-controls:focus-within{opacity:1}.embed-page .player-controls .grow{display:none}.embed-page .seg{border:0;padding:3px;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.embed-page .seg button{border-radius:999px;padding:4px 12px;font-size:12px;color:#c6dfcd}.embed-page .seg button.active{background:#ffffff29;color:#fff;box-shadow:none}.embed-page .player{flex:1;min-height:0;aspect-ratio:auto;border-radius:0}.embed-msg{color:#c6dfcd;font-size:var(--brand-font-size-sm);text-align:center;padding:24px}.embed-banner{position:absolute;left:0;right:0;bottom:0;padding:6px 12px;background:#000000bf;color:#c6dfcd;font-size:var(--brand-font-size-sm);text-align:center}.stat .sub{font-size:var(--brand-font-size-sm);color:var(--brand-color-text-tertiary);min-height:1em}.meter{height:6px;border-radius:999px;background:var(--brand-color-fill);overflow:hidden}.meter>span{display:block;height:100%;background:var(--brand-color-success);transition:width var(--brand-motion-duration-mid) ease}.meter>span.warn{background:var(--brand-color-warning)}.meter>span.crit{background:var(--brand-color-error)}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--brand-size)}.live-card{display:flex;flex-direction:column;gap:var(--brand-size-sm)}.live-card .name{font-weight:600;color:var(--brand-color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-card .name:hover{color:var(--brand-color-primary-fg)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:var(--brand-size-sm) var(--brand-size);padding:var(--brand-size-sm) 0;border-top:1px solid var(--brand-color-border);border-bottom:1px solid var(--brand-color-border)}.metric{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-value{font-weight:700;font-size:var(--brand-font-size-lg);line-height:1.25;color:var(--brand-color-text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-label{display:inline-flex;align-items:center;gap:5px;font-size:var(--brand-font-size-sm);color:var(--brand-color-text-tertiary);white-space:nowrap}.metric-label svg{flex-shrink:0;width:14px;height:14px;opacity:.75}.live-meta{display:flex;flex-wrap:wrap;gap:var(--brand-size-xs) var(--brand-size);font-size:var(--brand-font-size-sm);color:var(--brand-color-text-secondary)}.live-meta span{display:inline-flex;align-items:center;gap:6px;min-width:0}.live-meta svg{flex-shrink:0;width:14px;height:14px;color:var(--brand-color-text-tertiary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--brand-size)}.modal{width:min(960px,100%);max-height:92vh;overflow:auto;display:flex;flex-direction:column;gap:var(--brand-size-sm);background:var(--brand-color-bg-container);border:1px solid var(--brand-color-border);border-radius:var(--brand-border-radius);padding:var(--brand-size);box-shadow:0 12px 40px #00000059}.modal-head{display:flex;align-items:center;gap:var(--brand-size-sm)}.modal-head .name{font-weight:700;font-size:var(--brand-font-size-heading-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-stage{position:relative}.res-tag{position:absolute;left:10px;bottom:10px;padding:3px 9px;border-radius:999px;background:#0009;color:#fff;font-size:var(--brand-font-size-sm);font-family:var(--brand-font-family-code);pointer-events:none}