:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f8f9fb;--border:#e3e6ea;--text:#16191d;--muted:#6b7380;--accent:#2f6fed;--accent-soft:#e8effd;--ok:#1a9a5a;--ok-soft:#e3f5ec;--bad:#d13b3b;--bad-soft:#fbe9e9;--sidebar:#12161c;--sidebar-text:#c9ced6;--sidebar-muted:#7d8794;--sidebar-active:#1e2530;--shadow:0 1px 2px #1018280d;--brand:#c71e1e;--brand-ink:#222;--brand-soft:#fbe8e8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1015;--surface:#151a21;--surface-2:#1a2029;--border:#262d38;--text:#e7eaee;--muted:#8b94a1;--accent:#5b8ff5;--accent-soft:#1b2740;--ok:#3cc47c;--ok-soft:#142a20;--bad:#f06b6b;--bad-soft:#2d1717;--sidebar:#0a0d11;--sidebar-active:#18202a;--shadow:none;--brand:#e5484d;--brand-ink:#f2f2f2;--brand-soft:#2e1617}}:root[data-theme=dark]{--bg:#0d1015;--surface:#151a21;--surface-2:#1a2029;--border:#262d38;--text:#e7eaee;--muted:#8b94a1;--accent:#5b8ff5;--accent-soft:#1b2740;--ok:#3cc47c;--ok-soft:#142a20;--bad:#f06b6b;--bad-soft:#2d1717;--sidebar:#0a0d11;--sidebar-active:#18202a;--shadow:none;--brand:#e5484d;--brand-ink:#f2f2f2;--brand-soft:#2e1617}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}button,select,input{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.hidden{display:none!important}.login-wrap{place-items:center;min-height:100vh;padding:16px;display:grid}.login{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:14px;padding:32px 28px}.brand{letter-spacing:-.01em;color:var(--brand-ink);align-items:center;gap:9px;font-family:"Source Sans 3",Source Sans Pro,sans-serif;font-size:22px;font-weight:700;display:flex}.brand img{width:26px;height:26px;display:block}.brand .hue{color:var(--brand)}.login h1{margin:22px 0 4px;font-size:20px}.login p.sub{color:var(--muted);margin:0 0 22px}.field{margin-bottom:14px}.field label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.field input{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;outline:none;width:100%;padding:10px 12px}.field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin-bottom:18px;padding:3px;display:flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:1;padding:7px;font-weight:500}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.btn{cursor:pointer;background:var(--brand);color:#fff;border:0;border-radius:8px;width:100%;padding:10px 14px;font-weight:600}.btn:hover{filter:brightness(1.06)}.hint{color:var(--muted);background:var(--surface-2);border-radius:8px;margin-top:18px;padding:10px 12px;font-size:12px}.hint code{background:var(--accent-soft);color:var(--accent);border-radius:4px;padding:1px 5px;font-size:11.5px}.err{color:var(--bad);margin:-4px 0 12px;font-size:13px}.app{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.side{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;gap:18px;padding:18px 12px;display:flex}.side .brand{color:#fff;padding:0 8px;font-size:20px}.side .brand .hue{color:#e5484d}.side-label{text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-muted);margin-bottom:6px;padding:0 8px;font-size:11px}.acct-select{color:#fff;cursor:pointer;background:#1a2029;border:1px solid #2a323e;border-radius:8px;width:100%;padding:9px 10px}.acct-select:disabled{opacity:.75;cursor:default}.stream-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.stream-list button{text-align:left;width:100%;color:var(--sidebar-text);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;display:flex}.stream-list button:hover{background:var(--sidebar-active)}.stream-list button.on{background:var(--sidebar-active);color:#fff}.stream-list .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.stream-list .vc{color:var(--sidebar-muted);font-size:12px}.dot{background:#4a5361;border-radius:50%;flex:none;width:8px;height:8px}.dot.live{background:#3cc47c;box-shadow:0 0 0 3px #3cc47c2e}.side-foot{color:var(--sidebar-muted);border-top:1px solid #222a35;margin-top:auto;padding:14px 8px 0;font-size:12px}.side-foot strong{color:#fff;font-size:13px;display:block}.linkbtn{color:var(--sidebar-muted);cursor:pointer;background:0 0;border:0;margin-top:6px;padding:0;text-decoration:underline}.main{min-width:0;padding:22px 28px 40px}.topbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.topbar h2{letter-spacing:-.01em;margin:0;font-size:20px}.crumb{color:var(--muted);font-size:13px}.topbar .spacer{flex:1}.pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill .dot{box-shadow:none;background:currentColor}.range{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px;display:flex}.range button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:5px 11px;font-size:13px}.range button.on{background:var(--brand-soft);color:var(--brand);font-weight:600}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:8px;padding:6px 10px}.menu-btn{display:none}.grid{gap:16px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;min-width:0}.card-h{align-items:baseline;gap:10px;padding:14px 16px 0;display:flex}.card-h h3{margin:0;font-size:13px;font-weight:600}.card-h .meta{color:var(--muted);margin-left:auto;font-size:12px}.card-b{padding:14px 16px 16px}.kpi .lbl{color:var(--muted);font-size:12px}.kpi .val{letter-spacing:-.02em;margin-top:2px;font-size:26px;font-weight:650}.kpi .sub{color:var(--muted);margin-top:2px;font-size:12px}.row2{grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-bottom:16px}.row3{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.chart{position:relative}.chart svg{width:100%;height:260px;display:block}.chart .axis text{fill:var(--muted);font-size:11px}.chart .grid-line{stroke:var(--border);stroke-width:1px}.chart .area{fill:var(--accent);opacity:.12}.chart .line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.chart .cursor{stroke:var(--muted);stroke-dasharray:3 3}.chart .pt{fill:var(--surface);stroke:var(--accent);stroke-width:2px}.tip{pointer-events:none;background:var(--text);color:var(--bg);white-space:nowrap;border-radius:6px;padding:6px 9px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.tip b{font-size:13px}.status-poster{aspect-ratio:16/9;color:#8b94a1;background:linear-gradient(135deg,#1f2a3a,#0f141b);border-radius:8px;place-items:center;margin-bottom:14px;font-size:12px;display:grid;position:relative;overflow:hidden}.status-poster .live-tag{background:var(--bad);color:#fff;letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.kv{border-collapse:collapse;width:100%}.kv th,.kv td{border-bottom:1px solid var(--border);padding:7px 0;font-size:13px}.kv tr:last-child th,.kv tr:last-child td{border-bottom:0}.kv th{text-align:left;color:var(--muted);font-weight:500}.kv td{text-align:right}.bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bars li{grid-template-columns:1fr auto;gap:4px 10px;font-size:13px;display:grid}.bars .track{background:var(--surface-2);border-radius:3px;grid-column:1/-1;height:6px;overflow:hidden}.bars .fill{background:var(--accent);border-radius:3px;height:100%}.bars .pct{color:var(--muted)}table.list{border-collapse:collapse;width:100%;font-size:13px}table.list th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:12px;font-weight:500}table.list td{border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px}table.list tr:last-child td{border-bottom:0}table.list td.r,table.list th.r{text-align:right}.table-scroll{overflow-x:auto}.muted{color:var(--muted)}@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.row2,.row3{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.app{grid-template-columns:1fr}.side{z-index:10;width:270px;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.side.open{transform:none}.main{padding:16px}.menu-btn{display:inline-block}.kpi .val{font-size:22px}}.nav{margin:0;padding:0;list-style:none}.nav button{text-align:left;width:100%;color:var(--sidebar-text);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;display:flex}.nav button:hover,.nav button.on{background:var(--sidebar-active);color:#fff}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.side .badge{color:#8fb0f7;background:#1b2740;margin-left:auto}.role-tag{letter-spacing:.05em;text-transform:uppercase;background:var(--bad-soft);color:var(--bad);vertical-align:middle;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10.5px;font-weight:700;display:inline-block}table.list tbody tr.click{cursor:pointer}table.list tbody tr.click:hover td{background:var(--surface-2)}.status-cell{align-items:center;gap:7px;display:inline-flex}.creds{flex-direction:column;gap:12px;display:flex}.cred label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.cred .box{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;display:flex;overflow:hidden}.cred code{white-space:nowrap;flex:1;padding:8px 10px;font:12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.cred button{border:0;border-left:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;padding:0 11px;font-size:12px}.cred button:hover{color:var(--accent)}.note{color:var(--muted);font-size:12px}.klant-top{background:var(--surface);border-bottom:1px solid var(--border)}.klant-top .in{align-items:center;gap:14px;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.klant-top .spacer{flex:1}.klant-top .who{color:var(--muted);font-size:13px}.btn-ghost{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text);border-radius:8px;padding:6px 12px;font-size:13px}.klant-main{max-width:1200px;margin:0 auto;padding:22px 24px 40px}.impersonate{background:var(--accent-soft);color:var(--accent);text-align:center;padding:8px 24px;font-size:13px}.impersonate a{color:inherit;font-weight:600}@media (max-width:760px){.klant-top .in,.klant-main{padding-left:16px;padding-right:16px}.klant-top .who{display:none}}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn-sm{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.btn-sm:hover{border-color:var(--accent);color:var(--accent)}.btn-sm.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-sm.primary:hover{filter:brightness(1.06);color:#fff}.btn-sm.danger{color:var(--bad)}.btn-sm.danger:hover{border-color:var(--bad);background:var(--bad-soft)}.pill.warn{color:#b26b00;background:#fdf3e1}:root[data-theme=dark] .pill.warn{color:#f0b44c;background:#2d2312}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pill.warn{color:#f0b44c;background:#2d2312}}.modal-bg{z-index:50;background:#0a0d128c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;max-width:460px;max-height:calc(100vh - 32px);padding:22px;overflow:auto}.modal h3{margin:0 0 4px;font-size:17px}.modal p.sub{color:var(--muted);margin:0 0 18px;font-size:13px}.modal .field select{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:100%;padding:10px 12px}.modal .foot{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.sql{background:var(--surface-2);border:1px solid var(--border);white-space:pre-wrap;color:var(--muted);border-radius:8px;margin-top:6px;padding:10px;font:11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.toast{background:var(--text);color:var(--bg);z-index:60;border-radius:8px;padding:10px 16px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin:-4px 0 18px;display:flex;overflow-x:auto}.tabs button{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 12px;font-weight:500;display:inline-flex}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}.subbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.subbar .spacer{flex:1}.cred .help{color:var(--muted);opacity:.8;font-weight:400}.cred code{white-space:normal;word-break:break-all}.cred button+button{border-left:1px solid var(--border)}.intro-card{margin-bottom:16px}.intro-card h3{margin:0 0 12px;font-size:15px}.big-steps{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.big-steps li{counter-increment:s;grid-template-columns:30px 1fr;gap:2px 10px;font-size:13px;display:grid}.big-steps li:before{content:counter(s);background:var(--brand-soft);width:28px;height:28px;color:var(--brand);border-radius:50%;grid-row:span 2;place-items:center;font-weight:700;display:grid}.big-steps b{font-size:14px}.big-steps span{color:var(--muted)}.big-steps svg{vertical-align:-2px;color:var(--ok)}.row-setup{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);margin-bottom:16px}.enc-seg{flex-wrap:wrap;margin-bottom:14px}.steps{flex-direction:column;gap:8px;margin:0 0 14px;padding-left:20px;display:flex}.steps li{padding-left:4px}.kbd{border:1px solid var(--border);background:var(--surface-2);white-space:nowrap;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-block}code.inline{background:var(--surface-2);border:1px solid var(--border);word-break:break-all;border-radius:4px;padding:1px 5px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}pre.code{color:#d5dbe3;background:#0f141b;border-radius:8px;margin:0 0 10px;padding:12px 14px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.mock-window{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;font-size:12.5px;overflow:hidden}.mw-bar{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:flex}.mw-bar span{background:var(--border);border-radius:50%;width:9px;height:9px}.mw-bar span:nth-child(3){margin-right:6px}.mw-body{flex-direction:column;gap:7px;padding:10px 12px;display:flex}.mw-row{grid-template-columns:130px 1fr;align-items:center;gap:10px;display:grid}.mw-row>span{color:var(--muted);text-align:right}.mw-field{background:var(--surface);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:hidden}.mw-field.hl{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.embed-preview{aspect-ratio:16/9;color:#8b94a1;background:linear-gradient(135deg,#1f2a3a,#0f141b);border-radius:8px;align-content:center;place-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:grid}.ep-play{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;padding-left:4px;font-size:20px;display:grid}.faq details{border-bottom:1px solid var(--border);padding:10px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;font-size:13.5px;font-weight:600}.faq details p{color:var(--muted);margin:8px 0 0;font-size:13px}@media (max-width:1100px){.row-setup{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.big-steps{grid-template-columns:1fr}.mw-row{grid-template-columns:1fr;gap:3px}.mw-row>span{text-align:left}}.brand svg{flex:none;width:26px;height:26px;display:block}.status-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.status-poster .live-tag{z-index:1}a.embed-preview{text-decoration:none}a.embed-preview:hover .ep-play{filter:brightness(1.08)}.chart-empty{text-align:center;height:260px;color:var(--muted);place-content:center;gap:6px;padding:0 16px;font-size:13px;display:grid}.chart-empty b{color:var(--text);font-size:14px}.cred button:disabled,.btn:disabled,.btn-sm:disabled{opacity:.6;cursor:default}.btn:disabled:hover{filter:none}.state{text-align:center;color:var(--muted);padding:60px 16px}.usage-filters{gap:12px}.usage-filters .range{flex-wrap:wrap}.date-range{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.date-range label{color:var(--muted);flex-direction:column;gap:3px;font-size:11px;display:flex}.date-range input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;padding:5px 8px;font-size:13px}.date-range input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.usage-bar{fill:var(--accent);transition:opacity .12s}.delta{font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}.seg.seg-sm{flex:none;margin:0}.seg.seg-sm button{flex:none;padding:4px 10px;font-size:12.5px}table.list .track,.share .track{background:var(--surface-2);border-radius:3px;min-width:40px;height:6px;overflow:hidden}table.list .track .fill,.share .fill{background:var(--accent);border-radius:3px;height:100%}.share{grid-template-columns:1fr 44px;align-items:center;gap:8px;display:grid}.share .num{text-align:right;font-size:12px}.table-toggle{border-top:1px solid var(--border)}.table-toggle summary{cursor:pointer;color:var(--muted);padding:10px 16px;font-size:12.5px}.table-toggle summary:hover{color:var(--text)}.table-toggle .table-scroll{max-height:360px;overflow-y:auto}@media (max-width:760px){.card-h:has(.seg-sm){flex-wrap:wrap}.card-h .seg-sm{margin-left:0!important}}.secret-input{gap:6px;display:flex}.secret-input input{flex:1;min-width:0;font:12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.secret-input input[aria-invalid=true]{border-color:var(--bad)}.secret-input .btn-sm{white-space:nowrap}@media (max-width:480px){.secret-input{flex-wrap:wrap}.secret-input input{flex-basis:100%}}.guide-title{margin:0 0 10px;font-size:14px}.guide-empty{border:1px dashed var(--border);background:var(--surface-2);color:var(--muted);border-radius:10px;gap:6px;padding:18px;font-size:13px;display:grid}.guide-empty b{color:var(--text);font-size:14px}.ph-unknown{color:#b26b00;background:#fdf3e1;border:1px dashed #e0a43a;border-radius:4px;padding:0 3px;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}:root[data-theme=dark] .ph-unknown{color:#f0b44c;background:#2d2312;border-color:#7a5a1e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ph-unknown{color:#f0b44c;background:#2d2312;border-color:#7a5a1e}}.field textarea,.field select,.field input:not([type]),.field input[type=text],.field input[type=url],.field input[type=email],.field input[type=number],.field input[type=tel]{width:100%}.field textarea,.field select{border:1px solid var(--border);background:var(--surface-2);font:inherit;color:inherit;resize:vertical;border-radius:8px;outline:none;padding:9px 12px}.field textarea{min-height:64px;line-height:1.45}.field textarea.mono,.field input.mono{font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--bad)}.field .note{margin-top:5px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--brand);margin:0}.checks{flex-wrap:wrap;gap:10px 22px;display:flex}.dirty{color:#b26b00;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.dirty:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}:root[data-theme=dark] .dirty{color:#f0b44c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dirty{color:#f0b44c}}.save-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.save-bar .spacer{flex:1}.ph-chips{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;font-size:12px;display:flex}.example{color:var(--muted);word-break:break-all;margin-top:5px;font-size:12px}.example code{color:var(--text)}.settings-cols,.editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.editor-grid .sticky{position:sticky;top:16px}.row-item{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;margin-bottom:10px;padding:10px 12px}.row-item .field{margin-bottom:8px}.row-item .field:last-child{margin-bottom:0}.row-item .field input,.row-item .field textarea,.row-item .field select{background:var(--surface)}.row-head{color:var(--muted);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.row-head .spacer{flex:1}.mini-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;padding:2px 8px;font-size:12px;line-height:1.5}.mini-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.mini-btn.danger:hover:not(:disabled){color:var(--bad);border-color:var(--bad)}.mini-btn:disabled{opacity:.4;cursor:default}.step-row{grid-template-columns:26px minmax(0,1fr) auto;align-items:start;gap:8px;margin-bottom:8px;display:grid}.step-row .n{background:var(--brand-soft);width:24px;height:24px;color:var(--brand);border-radius:50%;place-items:center;margin-top:6px;font-size:12px;font-weight:700;display:grid}.step-row .btns{flex-direction:column;gap:3px;display:flex}.step-row textarea{min-height:44px}.win-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto auto;align-items:center;gap:6px;margin-bottom:6px;display:grid}.win-row input[type=text]{border:1px solid var(--border);background:var(--surface);border-radius:7px;outline:none;min-width:0;padding:6px 9px}.win-row input[type=text]:focus{border-color:var(--brand)}.help-box{font-size:12.5px}.help-box table{border-collapse:collapse;width:100%}.help-box td{border-bottom:1px solid var(--border);vertical-align:top;padding:4px 0}.help-box tr:last-child td{border-bottom:0}.help-box td:first-child{white-space:nowrap;padding-right:12px}.help-box h4{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:12px 0 4px;font-size:12px;font-weight:600}.preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600}.rt-preview{color:var(--muted);border-left:3px solid var(--border);margin-top:6px;padding:7px 10px;font-size:13px}table.list td.wrap{white-space:normal}.guide-row-title{font-weight:600}.guide-row.off td{opacity:.55}.guide-row.off td:last-child,.guide-row.off td:first-child{opacity:1}.order-btns{gap:3px;display:inline-flex}.color-field{align-items:center;gap:8px;display:flex}.color-field input[type=color]{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:8px;flex:none;width:42px;height:38px;padding:2px}.color-field input[type=text]{flex:1;min-width:0;font:12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.img-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.img-field .thumb{width:64px;height:40px}.player-frame{aspect-ratio:16/9;background:#0f141b;border:0;border-radius:8px;width:100%;display:block}.upload-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.upload-card{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.upload-card.pick{cursor:pointer;text-align:left;font:inherit;color:inherit;padding:0}.upload-card.pick:hover,.upload-card.pick.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.thumb{background:repeating-conic-gradient(var(--border) 0% 25%, transparent 0% 50%) 50% / 14px 14px;border-radius:6px;place-items:center;display:grid;overflow:hidden}.upload-card .thumb{aspect-ratio:16/10;border-radius:0}.thumb img{object-fit:contain;max-width:100%;max-height:100%;display:block}.upload-meta{gap:2px;padding:8px 10px;font-size:12px;display:grid}.upload-meta .nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.upload-actions{gap:6px;padding:0 10px 10px;display:flex}.drop{border:1px dashed var(--border);color:var(--muted);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.modal.wide{max-width:760px}@media (max-width:1100px){.settings-cols,.editor-grid{grid-template-columns:minmax(0,1fr)}.editor-grid .sticky{position:static}}@media (max-width:760px){.field-row{grid-template-columns:1fr}.win-row{grid-template-columns:1fr 1fr}}fieldset.pf-body{border:0;min-width:0;margin:0;padding:0}fieldset.pf-body:disabled{opacity:.5}fieldset.pf-body:disabled *{cursor:not-allowed}.pf-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.field .pf-head>label{flex:1;min-width:0;margin:0}.pf-ctl{flex:none;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.field .pf-ctl label.pf-own,.pf-ctl label.pf-own{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;display:inline-flex}.field .pf-ctl .pf-own input,.pf-ctl .pf-own input{appearance:none;background:var(--border);cursor:pointer;width:28px;height:16px;box-shadow:none;border:0;border-radius:999px;flex:none;margin:0;padding:0;transition:background .15s;position:relative}.field .pf-ctl .pf-own input:after,.pf-ctl .pf-own input:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.field .pf-ctl .pf-own input:checked,.pf-ctl .pf-own input:checked{background:var(--brand)}.field .pf-ctl .pf-own input:checked:after,.pf-ctl .pf-own input:checked:after{transform:translate(12px)}.field .pf-ctl .pf-own input:focus-visible,.pf-ctl .pf-own input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.pf.is-own .pf-own,.pf-trow.is-own .pf-own{color:var(--text)}.src-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:0 7px;font-size:11px;font-weight:600;line-height:1.5;display:inline-block}.src-badge.src-default{background:var(--surface-2);color:var(--muted);border-color:var(--border)}.src-badge.src-account{background:var(--accent-soft);color:var(--accent)}.src-badge.src-stream{background:var(--brand-soft);color:var(--brand)}.pf-toggles{gap:2px;display:grid}.pf-trow{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:6px 0;display:flex}.pf-trow:last-child{border-bottom:0}.pf-trow fieldset.pf-body{flex:1;min-width:0}.pf-lock{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.pf-lock svg{flex:none}.pf.is-locked fieldset.pf-body:disabled,.pf-trow.is-locked fieldset.pf-body:disabled{opacity:.7}.klant-mark{color:#b26b00;white-space:nowrap;background:#fdf3e1;border-radius:999px;align-items:center;gap:4px;padding:0 7px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}:root[data-theme=dark] .klant-mark{color:#f0b44c;background:#2d2312}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .klant-mark{color:#f0b44c;background:#2d2312}}.upload-card.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.upload-pick{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;min-width:0;margin:0;padding:0;display:flex}.upload-pick:hover .nm{color:var(--brand)}.upload-owner{justify-self:start}.card-h a.card-link{color:var(--accent);font-weight:600;text-decoration:none}.card-h a.card-link:hover{text-decoration:underline}.upload-done{color:var(--ok);margin-top:5px;font-weight:600}.login.wide{max-width:480px}.login .check.remember{color:var(--muted);margin:2px 0 16px}.login-simple .brand{margin-bottom:28px}.prompt-hint{margin:10px 0 0}.err-detail{overflow-wrap:anywhere;opacity:.85;margin:8px 0 0;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.btn-icon{justify-content:center;align-items:center;gap:8px;display:inline-flex}.login .btn+.check.remember{margin-top:16px}.login-links{border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;margin-top:18px;padding-top:14px;display:flex}.textlink{cursor:pointer;color:var(--accent);text-align:left;background:0 0;border:0;padding:0;font-size:13px}.textlink:hover{text-decoration:underline}.textlink.muted-link{color:var(--muted)}.code-input{border:1px solid var(--border);background:var(--surface-2);letter-spacing:.35em;text-align:center;border-radius:8px;outline:none;width:100%;padding:10px 12px;font:600 24px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.code-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.code-input[aria-invalid=true]{border-color:var(--bad)}.field input.mono{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.qr-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin-bottom:16px;display:grid}.qr{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px;line-height:0;display:block}.qr img{width:176px;height:176px;image-rendering:pixelated;display:block}.recovery-warn{color:#7a4a00;background:#fdf3e1;border-radius:8px;margin:0 0 14px;padding:10px 12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .recovery-warn{color:#f0c27a;background:#2d2312}}:root[data-theme=dark] .recovery-warn{color:#f0c27a;background:#2d2312}.codes{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0 0 14px;padding:12px;list-style:none;display:grid}.codes code{letter-spacing:.04em;-webkit-user-select:all;user-select:all;font:600 14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.pw-meter{color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.pw-meter .bar{background:var(--border);border-radius:3px;flex:none;width:72px;height:5px;overflow:hidden}.pw-meter .bar i{background:var(--bad);width:10%;height:100%;transition:width .15s;display:block}.pw-meter.lvl1 .bar i{background:var(--bad);width:33%}.pw-meter.lvl2 .bar i{background:#e0a43a;width:66%}.pw-meter.lvl3 .bar i{background:var(--ok);width:100%}.pw-meter.lvl0{color:var(--bad)}.sec-summary{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sec-summary .spacer{flex:1}.pk-list{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.pk{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:10px 12px}.pk-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pk-top .spacer{flex:1}.pk-nm{overflow-wrap:anywhere;font-weight:600}.pk-meta{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:12px;display:flex}.pk-edit{align-items:center;gap:6px;display:flex}.pk-edit input{border:1px solid var(--border);background:var(--surface);border-radius:7px;outline:none;flex:1;min-width:0;padding:5px 9px}.pk-edit input:focus{border-color:var(--brand)}@media (max-width:760px){.qr-row{grid-template-columns:1fr;justify-items:center}.qr-row .qr-side{width:100%}.codes{grid-template-columns:1fr 1fr}}.login .ok-msg{background:var(--ok-soft);color:var(--ok);border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:13px}.login .info-msg{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:13px}.login .forgot{text-align:right;color:var(--muted);margin:-6px 0 14px;font-size:12.5px;display:block}.login .forgot:hover{color:var(--accent)}.login a.textlink{text-decoration:none}.enc-ico{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:9px;flex:none;place-items:center;display:inline-grid}.enc-ico svg{width:62%;height:62%;display:block}.enc-ico.enc-obs{color:var(--accent);background:var(--accent-soft);border-color:#0000}.enc-ico.enc-ffmpeg,.enc-ico.enc-gstreamer{color:var(--ok);background:var(--ok-soft);border-color:#0000}.enc-ico.enc-blackmagic{color:var(--warn,#b26b00);background:var(--warn-soft,#fdf3e1);border-color:#0000}.enc-ico.enc-icecast-source{color:var(--brand);background:var(--brand-soft);border-color:#0000}.conn-dot{background:var(--ok);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;position:relative}.conn-dot:after{content:"";background:var(--ok);border-radius:50%;animation:1.8s ease-out infinite conn-pulse;position:absolute;inset:0}@keyframes conn-pulse{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.conn-dot:after{box-shadow:0 0 0 3px var(--ok-soft);opacity:1;background:0 0;animation:none}}.conn-dot.off{background:var(--muted)}.conn-dot.off:after{display:none}.conn-stale{color:var(--warn,#b26b00);flex:none;display:inline-flex}.conn-stale svg{width:15px;height:15px;display:block}.ip-badge{background:var(--warn-soft,#fdf3e1);color:var(--warn,#b26b00);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:1px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.mono-ip{overflow-wrap:anywhere;font:12.5px ui-monospace,SFMono-Regular,Menlo,monospace}.dev-card{margin-bottom:16px}.dev-sum{align-items:flex-start;gap:12px;display:flex}.dev-txt{gap:2px;min-width:0;font-size:13.5px;display:grid}.dev-title{flex-wrap:wrap;align-items:center;gap:8px;font-size:14.5px;font-weight:600;display:flex}.dev-title .conn-dot{margin-right:2px}.dev-line{color:var(--text);overflow-wrap:anywhere}.dev-line .muted{font-size:13px}.dev-hint{color:var(--muted);font-size:12.5px}.dev-alert{background:var(--warn-soft,#fdf3e1);color:var(--text);border-left:3px solid var(--warn,#b26b00);border-radius:8px;margin:12px 0 0;padding:9px 12px;font-size:13px}.dev-alert a,.dev-alert .textlink{color:var(--accent);font-size:13px;font-weight:600}.dev-none{color:var(--muted);align-items:center;gap:10px;font-size:13.5px;display:flex}.size-range{align-items:center;gap:12px;display:flex}.size-range input[type=range]{accent-color:var(--brand);flex:1}.size-range output{text-align:right;min-width:3.2em;font-weight:600}
.pf-scope-row{grid-template-columns:minmax(240px,380px) minmax(0,1fr);align-items:end;gap:8px 20px;display:grid}.pf-scope-row .field select{width:100%}.pf-stack{margin:0 0 10px}.pf-overview{border-top:1px solid var(--border);margin-top:16px;padding-top:14px}.pf-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pf-item{text-align:left;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:100%;color:var(--text);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:7px 10px;font-size:13px;display:grid}.pf-item:hover{border-color:var(--accent)}.pf-item.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.pf-item-nm{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.pf-item-nm .muted{font-weight:400}.pf-item-n,.pf-item-t{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.pf-swatches{gap:3px;display:inline-flex}.pf-sw{border:1px solid #00000026;border-radius:4px;width:14px;height:14px;display:inline-block}@media (max-width:760px){.pf-scope-row{grid-template-columns:1fr}.pf-item{grid-template-columns:auto minmax(0,1fr) auto}.pf-item-n,.pf-item-t{display:none}}.side-user{text-align:left;cursor:pointer;width:100%;color:var(--sidebar-muted);background:0 0;border:0;border-radius:7px;margin:4px -8px 0;padding:6px 8px;display:grid}.side-user strong{margin:0}.side-user span{font-size:12px;text-decoration:underline}.side-user:hover,.side-user.on{background:var(--sidebar-active);color:#fff}.row-actions{flex-wrap:nowrap;justify-content:flex-end;gap:4px;display:inline-flex}.users-table tr.off td:not(:last-child){opacity:.6}@media (max-width:760px){.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{width:100%;display:block}.users-table tr{border-bottom:1px solid var(--border);padding:10px 12px}.users-table td{white-space:normal!important;text-align:left!important;border:0!important;padding:3px 0!important}.users-table td[data-label]:before{content:attr(data-label);width:110px;color:var(--muted);font-size:12px;display:inline-block}.users-table .row-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:6px}}:root{--warn:#b26b00;--warn-soft:#fdf3e1;--off:#6b7380;--off-soft:#eef0f3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--warn:#f0b44c;--warn-soft:#2d2312;--off:#8b94a1;--off-soft:#20262f}}:root[data-theme=dark]{--warn:#f0b44c;--warn-soft:#2d2312;--off:#8b94a1;--off-soft:#20262f}.mail-tone-ok{--tone:var(--ok);--tone-soft:var(--ok-soft)}.mail-tone-info{--tone:var(--accent);--tone-soft:var(--accent-soft)}.mail-tone-warn{--tone:var(--warn);--tone-soft:var(--warn-soft)}.mail-tone-bad{--tone:var(--bad);--tone-soft:var(--bad-soft)}.mail-tone-off{--tone:var(--off);--tone-soft:var(--off-soft)}.tone-bad{color:var(--bad)}.mail-ico{background:var(--tone-soft);color:var(--tone);border-radius:50%;flex:none;place-items:center;display:inline-grid}.mail-ico-wrap{vertical-align:middle;align-items:center;gap:7px;display:inline-flex}.mail-ico-btn{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;border-radius:999px;margin:-2px;padding:2px}.mail-ico-btn:hover .mail-ico{box-shadow:0 0 0 3px var(--tone-soft);filter:saturate(1.3)}.mail-ico-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mail-ico-label{font-size:12.5px}.mail-toast{z-index:70;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 12px 10px 14px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #1018282e}.mail-toast .mt-txt{gap:1px;min-width:0;display:grid}.mail-toast .mt-txt>div{overflow-wrap:anywhere}.mt-link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:12px}.mt-link:hover{text-decoration:underline}.mt-close{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:18px;line-height:1}.modal.ms-modal{max-width:720px;padding:0}.ms-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;align-items:center;gap:10px;padding:14px 18px;display:flex;position:sticky;top:0}.ms-head h3{flex:1;margin:0;font-size:16px}.ms-close{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:4px;display:grid}.ms-close:hover{background:var(--surface-2);color:var(--text)}.ms-pad{padding:18px}.ms-pad-sm{padding:12px 14px}.ms-banner{background:var(--warn-soft);color:var(--warn);border-radius:8px;margin:0 0 12px;padding:8px 12px;font-size:12.5px}.ms-banner.off{background:var(--off-soft);color:var(--text)}.ms-tile{background:var(--tone-soft);border-radius:12px;align-items:flex-start;gap:14px;padding:16px;display:flex}.ms-tile-ico{background:var(--tone);color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}:root[data-theme=dark] .ms-tile-ico{color:var(--surface)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .ms-tile-ico{color:var(--surface)}}.ms-tile-txt{min-width:0;padding-top:2px}.ms-tile-title{color:var(--tone);letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:18px;font-weight:650;display:flex}.ms-tile p{color:var(--text);margin:4px 0 0;font-size:13.5px}.ms-loading{color:var(--muted);font-size:12px;font-weight:400}.ms-meta{gap:6px;margin:14px 0 0;font-size:13.5px;display:grid}.ms-meta-line{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.ms-at{color:var(--muted);font-weight:600}.ms-to{overflow-wrap:anywhere}.ms-sep{color:var(--muted)}.ms-subject{overflow-wrap:anywhere;font-weight:600}.ms-uuid{color:var(--muted);overflow-wrap:anywhere;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.ms-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ms-body{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;margin-top:12px;overflow:hidden}.ms-mailhead{border-bottom:1px solid var(--border);overflow-wrap:anywhere;gap:2px;padding:10px 14px;font-size:12.5px;display:grid}.ms-mailhead span{color:var(--muted);min-width:104px;display:inline-block}.ms-bodybar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;display:flex}.ms-bodybar .seg button:disabled{opacity:.45;cursor:default}.ms-frame{background:#fff;border:0;width:100%;height:600px;display:block}.ms-text{white-space:pre-wrap;background:var(--surface);max-height:600px;margin:0;padding:14px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.ms-more{color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:16px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.ms-chev{font-size:16px;line-height:1;transition:transform .15s;display:inline-block}.ms-chev.open{transform:rotate(90deg)}.ms-details{gap:18px;margin-top:12px;display:grid}.ms-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ms-stat{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;min-width:0;padding:10px 12px}.ms-stat .lbl{color:var(--muted);font-size:11.5px}.ms-stat .val{overflow-wrap:anywhere;margin-top:2px;font-size:17px;font-weight:650}.ms-stat .sub{color:var(--muted);margin-top:1px;font-size:11.5px}.ms-sec h4{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 10px;font-size:11px;font-weight:700}.ms-route{margin:0;padding:0;list-style:none;display:flex}.ms-route li{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;padding:0 4px;display:flex;position:relative}.ms-route li:before{content:"";background:var(--rs-line,var(--border));width:100%;height:2px;position:absolute;top:14px;right:50%}.ms-route li:first-child:before{display:none}.ms-route .rs-dot{z-index:1;background:var(--surface-2);border:2px solid var(--border);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:relative}.ms-route .rs-num{font-size:12px;font-weight:700}.ms-route .rs-ok{--rs-line:var(--ok)}.ms-route .rs-ok .rs-dot{background:var(--ok);border-color:var(--ok);color:#fff}.ms-route .rs-bad{--rs-line:var(--bad)}.ms-route .rs-bad .rs-dot{background:var(--bad);border-color:var(--bad);color:#fff}.ms-route .rs-warn{--rs-line:var(--warn)}.ms-route .rs-warn .rs-dot{background:var(--warn);border-color:var(--warn);color:#fff}.ms-route .rs-txt{gap:1px;min-width:0;font-size:12.5px;display:grid}.ms-route .rs-txt b{overflow-wrap:anywhere;font-size:13px}.ms-route .rs-txt .muted{overflow-wrap:anywhere;font-size:11.5px}.ms-timeline{margin:0;padding:0 0 0 4px;list-style:none}.ms-timeline li{padding:0 0 14px 22px;position:relative}.ms-timeline li:before{content:"";background:var(--border);width:2px;position:absolute;top:14px;bottom:-2px;left:5px}.ms-timeline li:last-child{padding-bottom:0}.ms-timeline li:last-child:before{display:none}.tl-dot{background:var(--off);width:12px;height:12px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;position:absolute;top:4px;left:0}.tl-ok .tl-dot{background:var(--ok)}.tl-bad .tl-dot{background:var(--bad)}.tl-row{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:13px;display:flex}.tl-row .muted{font-size:12px}.tl-sub{overflow-wrap:anywhere;margin-top:1px;font-size:12px}.tl-smtp{background:var(--surface-2);border:1px solid var(--border);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:6px;margin-top:4px;padding:4px 8px;font:11.5px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.ms-kv th{vertical-align:top;width:40%}.ms-kv td{overflow-wrap:anywhere}.ms-kv td.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (max-width:640px){.ms-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-route{flex-direction:column;gap:14px}.ms-route li{text-align:left;flex-direction:row;align-items:center;gap:10px;padding:0}.ms-route li:before{width:2px;height:calc(100% + 14px);inset:auto auto 50% 14px}.ms-kv th{width:45%}.ms-frame{height:480px}.ms-mailhead span{min-width:0;margin-right:4px}}.mail-tpl-row td{vertical-align:middle}.mail-tpl-row .code{color:var(--muted);font:600 12.5px ui-monospace,SFMono-Regular,Menlo,monospace}.mail-tpl-row.off td:not(:first-child):not(:last-child){opacity:.55}.badge.custom{background:var(--warn-soft);color:var(--warn)}.badge.off{background:var(--off-soft);color:var(--muted)}.switch{appearance:none;background:var(--border);cursor:pointer;vertical-align:middle;border-radius:999px;flex:none;width:32px;height:18px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch:checked{background:var(--ok)}.switch:checked:after{transform:translate(14px)}.switch:disabled{opacity:.5;cursor:default}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.var-chips{flex-wrap:wrap;gap:6px;display:flex}.var-chip{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;text-align:left;color:var(--text);border-radius:7px;gap:1px;padding:4px 8px;font-size:12px;display:grid}.var-chip code{color:var(--accent);font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace}.var-chip span{color:var(--muted);font-size:11px}.var-chip:hover{border-color:var(--accent)}.mail-preview-frame{border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;height:640px;display:block}.mail-preview-subject{gap:2px;margin-bottom:10px;font-size:13px;display:grid}.mail-preview-subject .muted{font-size:12px}.mail-preview-wrap{position:relative}.mail-preview-wrap .busy{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:11.5px;position:absolute;top:8px;right:10px}.test-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.test-row input{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;outline:none;flex:1;min-width:200px;padding:6px 10px;font-size:13px}.test-row input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.mail-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mail-filters select,.mail-filters input{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.mail-filters input{min-width:220px}.mail-filters select:focus,.mail-filters input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.mail-log td.subj{text-overflow:ellipsis;max-width:280px;overflow:hidden}.mail-log .code{color:var(--muted);margin-right:6px;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace}.load-more{border-top:1px solid var(--border);justify-content:center;padding:12px;display:flex}@media (max-width:760px){.mail-filters input{flex:100%;min-width:0}.mail-log thead{display:none}.mail-log,.mail-log tbody,.mail-log tr,.mail-log td{width:100%;display:block}.mail-log tr{border-bottom:1px solid var(--border);padding:10px 12px}.mail-log td{white-space:normal!important;text-align:left!important;border:0!important;max-width:none!important;padding:2px 0!important}.mail-log td[data-label]:before{content:attr(data-label);width:96px;color:var(--muted);font-size:12px;display:inline-block}}.contact-line{color:var(--muted);flex-wrap:wrap;flex-basis:100%;order:99;align-items:center;gap:8px;font-size:13px;display:flex}.contact-line strong{color:var(--text);overflow-wrap:anywhere;font-weight:600}.contact-line .textlink{font-size:13px}.invite-sent{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:13.5px;display:flex}.badge.pending{background:var(--warn-soft);color:var(--warn)}.ku-card{margin-top:16px}.ku-streams{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:220px;display:inline-block;overflow:hidden}.ku-invite{align-items:center;gap:6px;display:inline-flex}.ku-picks{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;gap:6px;max-height:240px;padding:10px 12px;display:grid;overflow:auto}.ku-picks .check{gap:8px}.ku-who{gap:1px;min-width:0;display:grid}.ku-who span{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.ku-table td{vertical-align:middle}.ku-menu-btn{white-space:nowrap}.ku-menu{z-index:45;background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:210px;padding:5px;display:grid;position:fixed;box-shadow:0 12px 32px #1018282e}.ku-menu-item{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:13px}.ku-menu-item:hover:not(:disabled),.ku-menu-item:focus-visible{background:var(--surface-2);outline:none}.ku-menu-item.danger{color:var(--bad)}.ku-menu-item:disabled{opacity:.45;cursor:default}@media (max-width:760px){.ku-streams{white-space:normal;max-width:none}}.side .badge.live{color:#5fd596;background:#3cc47c29}.topbar-sub{color:var(--muted);margin-top:1px;font-size:13px}.conn-updated{font-size:12.5px}.conn-filters{gap:10px}.conn-select,.conn-search{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;padding:6px 10px;font-size:13px}.conn-search{min-width:220px;margin-left:auto}.conn-select:focus,.conn-search:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.conn-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.conn-toggle .switch:checked{background:var(--warn)}.kpi-btn{text-align:left;font:inherit;color:inherit;cursor:pointer;padding:0;transition:border-color .12s,box-shadow .12s}.kpi-btn:hover{border-color:var(--accent)}.kpi-btn.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.kpi-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kpi-btn .lbl{align-items:center;gap:7px;display:flex}.conn-table td{vertical-align:top}.conn-table tr:focus-visible td{background:var(--surface-2);outline:none}.conn-table tr.is-stale td{background:color-mix(in srgb, var(--warn-soft) 45%, transparent)}.conn-table tr.is-stale:hover td{background:var(--warn-soft)}.conn-status .status-cell{gap:8px;font-weight:600}.conn-live-txt{color:var(--ok)}.conn-stale-txt{color:var(--warn)}.conn-sub{color:var(--muted);white-space:normal;flex-wrap:wrap;align-items:center;gap:6px;max-width:260px;margin-top:2px;font-size:12px;display:flex}.conn-stream{color:var(--text);font-weight:600;text-decoration:none}.conn-stream:hover{color:var(--accent);text-decoration:underline}.kind-tag{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:1.55}.conn-dev{align-items:flex-start;gap:9px;display:flex}.conn-dev-txt{min-width:0;display:grid}.conn-dev-txt .conn-sub{max-width:230px}.conn-ip{align-items:center;gap:4px;display:inline-flex}.copy-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:3px;display:inline-grid}.copy-btn:hover{color:var(--accent);background:var(--surface-2)}.conn-table .ip-badge{margin-top:4px}.conn-empty{text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:44px 16px 48px;display:grid}.conn-empty b{color:var(--text);font-size:14px}@media (max-width:1100px){.conn-search{margin-left:0}}@media (max-width:760px){.conn-filters>*{flex:auto}.conn-search{flex-basis:100%;min-width:0}.kpi-btn .sub,.conn-table thead{display:none}.conn-table,.conn-table tbody,.conn-table tr,.conn-table td{width:100%;display:block}.conn-table tr{border-bottom:1px solid var(--border);padding:12px 14px;position:relative}.conn-table tr:last-child{border-bottom:0}.conn-table td{align-items:flex-start;gap:8px;display:flex;white-space:normal!important;text-align:left!important;background:0 0!important;border:0!important;padding:3px 0!important}.conn-table td>:not(.td-l){min-width:0}.conn-table td[data-label]:before{content:attr(data-label);width:104px;color:var(--muted);flex:none;padding-top:1px;font-size:12px}.conn-table td[data-label]{grid-template-columns:104px minmax(0,1fr);column-gap:8px;display:grid!important}.conn-table td[data-label]:before{grid-row:1;width:auto}.conn-table td[data-label]>*{grid-column:2}.conn-table td.conn-status{margin-bottom:4px;display:block}.conn-table .conn-sub{max-width:none;margin-top:0}}.drawer-bg{z-index:50;background:#0a0d1273;justify-content:flex-end;animation:.15s ease-out drawer-fade;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:min(600px,100%);height:100%;animation:.18s ease-out drawer-in;display:flex;box-shadow:-12px 0 40px #1018282e}@keyframes drawer-in{0%{opacity:.6;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.drawer,.drawer-bg{animation:none}}.drawer-h{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.drawer-t{flex:1;min-width:0}.drawer-t h3{margin:0 0 2px;font-size:16px}.drawer-t .muted{overflow-wrap:anywhere;font-size:13px}.drawer-t a{color:var(--accent);font-weight:600;text-decoration:none}.drawer-t a:hover{text-decoration:underline}.drawer-b{flex:1;padding:16px 18px 24px;overflow:auto}.hist{margin:0;padding:0 0 0 4px;list-style:none;transition:opacity .15s}.hist li{padding:0 0 16px 24px;position:relative}.hist li:before{content:"";background:var(--border);width:2px;position:absolute;top:16px;bottom:-2px;left:5px}.hist li:last-child:before{display:none}.hist-dot{background:var(--off);width:12px;height:12px;box-shadow:0 0 0 3px var(--surface);border-radius:50%;position:absolute;top:4px;left:0}.hist li.open .hist-dot{background:var(--ok)}.hist-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.hist-when{font-weight:600}.hist-now{color:var(--ok)}.hist-dur{color:var(--muted);white-space:nowrap;font-size:12.5px}.hist-meta{flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:5px;font-size:12.5px;display:flex}.hist-dev{align-items:center;gap:6px;display:inline-flex}.hist-dev .enc-ico{border-radius:6px}.ip-diff{color:var(--warn);font-weight:600}.hist-reason{margin-top:3px;font-size:12.5px}.card-meta-link{margin-left:auto;font-size:12.5px;font-weight:600}@media (max-width:640px){.drawer{border-left:0;width:100%}.drawer-h,.drawer-b{padding-left:16px;padding-right:16px}}.conn-table th,.conn-table td{padding-left:9px!important;padding-right:9px!important}.conn-table th:first-child,.conn-table td:first-child{padding-left:14px!important}.conn-table th:last-child,.conn-table td:last-child{padding-right:14px!important}.conn-status .conn-sub{max-width:170px}.conn-dev-txt>span:first-child{white-space:nowrap}.conn-dev-txt .conn-sub{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:190px;display:-webkit-box;overflow:hidden}.conn-table td[data-label=IP-adres] .mono-ip{overflow-wrap:normal}@media (max-width:1600px){.conn-dev-txt .conn-sub{display:none}}.conn-stream+.conn-sub .mono{font-size:11.5px}@media (max-width:760px){.conn-dev-txt .conn-sub{display:-webkit-box}}.srv-inline{display:none}@media (max-width:1500px) and (min-width:761px){.conn-table .col-srv{display:none}.srv-inline{display:block}}.icon-actions{justify-content:flex-end;gap:4px;display:inline-flex}.icon-action{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:inline-grid}.icon-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.icon-action.danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad);background:var(--bad-soft)}.icon-action:disabled{opacity:.35;cursor:not-allowed}.icon-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon-action .spin-dot{border:2px solid;border-right-color:#0000;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.tip-wrap{display:inline-flex;position:relative}.tip-wrap:after{content:attr(data-tip);z-index:20;background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;opacity:0;border-radius:6px;padding:5px 8px;font-size:12px;font-weight:500;line-height:1.3;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);right:0;transform:translateY(2px)}.tip-wrap:hover:after,.tip-wrap:focus-within:after{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tip-wrap:after{transition:none}.icon-action .spin-dot{animation:none}}