:root{--brand-pink:#e8267f;--brand-magenta:#c4239b;--brand-amber:#f5a623;--brand-violet:#7b5cf0;--brand-blue:#3b82f6;--bg:#0b1020;--bg-elev:#141a2e;--bg-elev-2:#1b2340;--panel:#10162a;--border:#26304f;--border-soft:#1d2540;--text:#eef1f8;--text-dim:#a2adc8;--text-faint:#6b7796;--ok:#22c55e;--ok-soft:#4ade80;--warn:#f5a623;--danger:#ef4444;--info:#38bdf8;--radius:14px;--radius-sm:9px;--shadow:0 8px 30px rgba(0,0,0,0.35);--shadow-lift:0 14px 40px rgba(0,0,0,0.5);--ease:cubic-bezier(0.22,1,0.36,1);--gutter:clamp(14px,2.2vw,30px);--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:var(--brand-pink);text-decoration:none}a:hover{text-decoration:underline}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{to{transform:translateX(100%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes sweep{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.anim{animation:fade-up .45s var(--ease) both}.d1{animation-delay:.04s}.d2{animation-delay:.08s}.d3{animation-delay:.12s}.d4{animation-delay:.16s}.d5{animation-delay:.2s}.d6{animation-delay:.24s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{gap:14px;padding:10px var(--gutter);background:rgba(16,22,42,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:30}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:700;color:var(--text);flex:0 0 auto}.brand:hover{text-decoration:none}.brand-mark{width:34px;height:34px;flex:0 0 34px;transition:transform .4s var(--ease)}.brand:hover .brand-mark{transform:rotate(-12deg) scale(1.08)}.brand-name{font-size:15px;line-height:1.15;white-space:nowrap}.brand-name em{display:block;font-style:normal;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:var(--text-faint);font-weight:600}.nav{display:flex;gap:4px;margin-left:8px}.nav a{position:relative;padding:7px 13px;border-radius:var(--radius-sm);color:var(--text-dim);font-size:13px;font-weight:600;transition:color .18s,background .18s}.nav a:hover{color:var(--text);background:rgba(255,255,255,.05);text-decoration:none}.nav a.on{color:var(--text);background:rgba(232,38,127,.13)}.nav a.on:after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand-pink),var(--brand-magenta));animation:sweep .35s var(--ease) both}.topbar-spacer{flex:1 1}.container{width:100%;max-width:none;margin:0;padding:var(--gutter) var(--gutter) 56px;flex:1 1}.page-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px;animation:fade-up .4s var(--ease) both}.page-head h1{margin:0;font-size:clamp(20px,2.4vw,27px);letter-spacing:-.4px;line-height:1.2}.page-head p{margin:4px 0 0;color:var(--text-dim);font-size:13px}.page-head .spacer{flex:1 1}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:fade-up .45s var(--ease) both}.card+.card{margin-top:18px}.card-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.card-head h2{margin:0;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}.card-head .spacer{flex:1 1}.card-body{padding:18px}.split{display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr}@media (min-width:1100px){.split-2{grid-template-columns:1fr 1fr}.split-2>.card{margin-top:0}.split-main{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.split-main>.card{margin-top:0}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.stat{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--bg-elev) 0,var(--panel) 100%);border:1px solid var(--border-soft);border-radius:var(--radius);padding:14px 16px;animation:fade-up .45s var(--ease) both;transition:transform .25s var(--ease),border-color .25s}.stat:hover{transform:translateY(-2px);border-color:var(--border)}.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--brand-pink),var(--brand-magenta));opacity:.85}.stat-label{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-faint);font-weight:700}.stat-value{font-size:clamp(19px,2.1vw,24px);font-weight:700;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.stat-sub{font-size:11px;color:var(--text-dim);margin-top:2px}.stat-accent-ok:before{background:linear-gradient(180deg,var(--ok-soft),var(--ok))}.stat-accent-warn:before{background:linear-gradient(180deg,#fbbf24,var(--warn))}.stat-accent-info:before{background:linear-gradient(180deg,#7dd3fc,var(--info))}.stat-accent-violet:before{background:linear-gradient(180deg,#a99bf7,var(--brand-violet))}.meter{height:6px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:9px}.meter,.meter>i{border-radius:99px}.meter>i{display:block;height:100%;background:linear-gradient(90deg,var(--brand-pink),var(--brand-magenta));transition:width .7s var(--ease)}.meter.ok>i{background:linear-gradient(90deg,var(--ok-soft),var(--ok))}.meter.warn>i{background:linear-gradient(90deg,#fbbf24,var(--warn))}.meter.danger>i{background:linear-gradient(90deg,#f87171,var(--danger))}.stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:14px;gap:14px}.stream-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(165deg,var(--bg-elev) 0,var(--panel) 60%);border:1px solid var(--border-soft);border-radius:var(--radius);padding:16px;overflow:hidden;animation:fade-up .45s var(--ease) both;transition:transform .28s var(--ease),border-color .28s,box-shadow .28s}.stream-card:hover{transform:translateY(-4px);border-color:rgba(232,38,127,.45);box-shadow:var(--shadow-lift)}.stream-card:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--brand-pink),var(--brand-violet));opacity:0;transition:opacity .28s}.stream-card:hover:after{opacity:1}.stream-card.is-live{border-color:rgba(34,197,94,.28)}.stream-card.is-disabled{opacity:.72}.sc-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.sc-title{flex:1 1;min-width:0}.sc-title a{color:var(--text);font-size:15px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-title a:hover{color:var(--brand-pink);text-decoration:none}.sc-name{font-family:var(--mono);font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-metrics{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:11px 0;margin-bottom:12px;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft)}.sc-metric .k{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);font-weight:700}.sc-metric .v{font-size:14px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:1px}.sc-protos{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;min-height:20px}.sc-actions{display:flex;gap:7px;margin-top:auto}.sc-actions>*{flex:1 1}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--text-faint);font-weight:700;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:11px 14px;border-bottom:1px solid var(--border-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .15s}tbody tr:hover{background:rgba(255,255,255,.028)}.mono{font-family:var(--mono);font-size:12px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;border:1px solid transparent;white-space:nowrap}.badge-live{background:rgba(34,197,94,.12);color:var(--ok-soft);border-color:rgba(34,197,94,.3)}.badge-off{background:rgba(107,119,150,.12);color:var(--text-faint);border-color:rgba(107,119,150,.28)}.badge-warn{background:rgba(245,166,35,.12);color:var(--warn);border-color:rgba(245,166,35,.3)}.badge-danger{background:rgba(239,68,68,.12);color:#f87171;border-color:rgba(239,68,68,.3)}.badge-proto{background:rgba(123,92,240,.14);color:#a99bf7;border-color:rgba(123,92,240,.32);text-transform:uppercase;font-size:10px;padding:2px 7px}.badge-proto.off{background:rgba(107,119,150,.09);color:var(--text-faint);border-color:rgba(107,119,150,.22);text-decoration:line-through}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.dot-pulse{animation:pulse 1.8s ease-in-out infinite}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:transform .15s var(--ease),filter .15s,background .15s,border-color .15s;white-space:nowrap;text-decoration:none}.btn:hover:not(:disabled){background:var(--bg-elev-2);text-decoration:none;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(232,38,127,.25)}.btn-primary,.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-pink),var(--brand-magenta))}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-danger{border-color:rgba(239,68,68,.4);color:#f87171}.btn-danger:hover:not(:disabled){background:rgba(239,68,68,.12)}.btn-sm{padding:6px 11px;font-size:12px}.btn-icon{padding:6px 9px}.spin{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.25);border-top-color:currentcolor;border-radius:50%;animation:spin .7s linear infinite}.field{margin-bottom:16px}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;gap:16px}label.lbl{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.req{color:var(--brand-pink)}input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-pink);box-shadow:0 0 0 3px rgba(232,38,127,.15)}input::placeholder,textarea::placeholder{color:var(--text-faint)}textarea{resize:vertical;min-height:62px}.hint{font-size:11px;color:var(--text-faint);margin-top:5px}.check{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .18s,background .18s}.check:hover{border-color:var(--border);background:var(--bg-elev-2)}.check input{margin:2px 0 0;accent-color:var(--brand-pink);width:15px;height:15px;flex:0 0 auto;cursor:pointer}.check-text strong{display:block;font-size:13px;font-weight:600}.check-text span{font-size:11px;color:var(--text-faint)}.proto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));grid-gap:10px;gap:10px}.input-row{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:13px;margin-bottom:10px;animation:fade-up .35s var(--ease) both}.input-row-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.input-row-head .t{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--text-dim)}.input-row-head .spacer{flex:1 1}.urlbox{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:9px 11px;margin-bottom:8px;transition:border-color .18s;flex-wrap:wrap}.urlbox:hover{border-color:var(--border)}.urlbox:last-child{margin-bottom:0}.urlbox .u{flex:1 1;min-width:180px;font-family:var(--mono);font-size:12px;word-break:break-all;color:var(--text)}.urlbox.disabled{opacity:.45}.alert{padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px;border:1px solid transparent;animation:fade-up .3s var(--ease) both}.alert-error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.32);color:#fca5a5}.alert-ok{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.32);color:#86efac}.alert-info{background:rgba(56,189,248,.09);border-color:rgba(56,189,248,.3);color:#7dd3fc}.empty{text-align:center;padding:46px 20px;color:var(--text-faint)}.empty h3{margin:0 0 6px;color:var(--text-dim);font-size:15px}.skel{position:relative;overflow:hidden;background:var(--bg-elev);border-radius:var(--radius-sm);height:76px}.skel:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.4s infinite}.livepill{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--text-faint);font-weight:600}.livepill .dot{color:var(--ok-soft)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(1000px 500px at 50% -10%,rgba(196,35,155,.18),transparent 70%),var(--bg)}.login-card{width:100%;max-width:390px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:34px 28px;box-shadow:var(--shadow-lift);animation:fade-up .5s var(--ease) both}.login-brand{text-align:center;margin-bottom:24px}.login-brand svg{width:68px;height:68px}.login-brand h1{font-size:19px;margin:12px 0 2px}.login-brand p{margin:0;font-size:12px;color:var(--text-faint)}@media (max-width:880px){.brand-name em{display:none}.nav{margin-left:0}.nav a{padding:7px 10px}}@media (max-width:640px){body{font-size:13.5px}.topbar{flex-wrap:wrap;gap:8px 10px;padding:9px 13px}.nav{order:3;width:100%;overflow-x:auto;padding-bottom:2px}.container{padding:14px 13px 44px}.card-body{padding:14px}.card-head{padding:12px 14px}td,th{padding:9px 10px}.stream-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.page-head{gap:12px}.page-head .spacer{display:none}.page-head>div:last-child{width:100%;display:flex;gap:8px}.page-head>div:last-child>*{flex:1 1}.btn{padding:9px 14px}}