@import "https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--font-ui:"Archivo",-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:56px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-pill:999px;--ease:ease-in-out;--dur-1:.14s;--dur-2:.22s;--bg-0:#0a0d13;--bg-1:#0e121a;--bg-2:#161c27;--bg-3:#1f2733;--line:#26303f;--line-2:#39465a;--fg-0:#eef2f8;--fg-1:#aab6c8;--fg-2:#78859a;--accent:#1f4fd8;--accent-hover:#1740b8;--accent-active:#16337f;--accent-ink:#fff;--accent-on:#4c7df0;--link:#7da2f7;--accent-tint:#172342;--accent-2:#56c793;--warn:#e0a94a;--danger:#f07070;--danger-solid:#dc4b4b;--violet:#4c7df0;--onair:#e2453c;--offline:#8a95a6;--pill-onair-bg:#2d1614;--pill-onair-bd:#522a26;--pill-onair-tx:#f07070;--pill-off-bg:#1f2733;--pill-off-bd:#39465a;--pill-off-tx:#aab6c8;--pill-ok-bg:#0e2318;--pill-ok-bd:#1d4430;--pill-ok-tx:#6fd3a0;--pill-warn-bg:#241c0c;--pill-warn-bd:#4a3a15;--pill-warn-tx:#e0b45c;--pill-danger-bg:#2a1414;--pill-danger-bd:#4a2020;--pill-danger-tx:#f1a1a1;--pill-info-bg:#172342;--pill-info-bd:#25407a;--pill-info-tx:#a6c0fa;--kbps-bg:#172342;--kbps-tx:#a6c0fa;--chart:#4c7df0;--chart-area:#4c7df024;--gauge-track:#26303f;--sh-1:0 1px 2px #00000059;--sh-2:0 8px 24px #00000057;--sh-3:0 24px 56px #00000080;--hilite:inset 0 1px 0 #ffffff0d;--shadow-card:var(--hilite),0 2px 4px #0000003d,0 14px 30px #0000004d;--focus-ring:0 0 0 3px #4c7df057;--focus-border:var(--accent-on);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg-0:#e7eaf1;--bg-1:#dce1eb;--bg-2:#f8fafd;--bg-3:#dce1eb;--line:#d6dce7;--line-2:#c0c9d9;--fg-0:#10141b;--fg-1:#4e5a6e;--fg-2:#5a6472;--accent:#1f4fd8;--accent-hover:#1740b8;--accent-active:#16337f;--accent-ink:#fff;--accent-on:#2143a8;--link:#2143a8;--accent-tint:#eaf0ff;--accent-2:#15804d;--warn:#8a5d12;--danger:#c5322f;--danger-solid:#cf3b3b;--violet:#2143a8;--onair:#e2453c;--offline:#8a95a6;--pill-onair-bg:#fdecea;--pill-onair-bd:#f4c3bf;--pill-onair-tx:#a8291f;--pill-off-bg:#f1f3f8;--pill-off-bd:#cbd3e1;--pill-off-tx:#4e5a6e;--pill-ok-bg:#e4f5ec;--pill-ok-bd:#b6e2cc;--pill-ok-tx:#1b7a4e;--pill-warn-bg:#fbf1dd;--pill-warn-bd:#ecd9a8;--pill-warn-tx:#8a5d12;--pill-danger-bg:#fdecea;--pill-danger-bd:#f4c3bf;--pill-danger-tx:#a8291f;--pill-info-bg:#eaf0ff;--pill-info-bd:#c7d6f7;--pill-info-tx:#2143a8;--kbps-bg:#eaf0ff;--kbps-tx:#2143a8;--chart:#1f4fd8;--chart-area:#1f4fd81a;--gauge-track:#e4e8f0;--sh-1:0 1px 2px #10141b0f;--sh-2:0 2px 6px #10141b0f,0 10px 26px #10141b1f;--sh-3:0 16px 40px #10141b24;--shadow-card:0 1px 2px #10141b0d,0 10px 26px #10141b1a;--focus-ring:0 0 0 3px #2143a838;--focus-border:var(--accent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .stat .spark{box-shadow:inset 0 0 0 1px #10141b0d}:root[data-theme=light] .user-chip,:root[data-theme=light] .theme-toggle,:root[data-theme=light] .topbar .menu-btn{box-shadow:var(--sh-1)}:root[data-theme=light] .nav a.active{box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea,:root[data-theme=light] .code{box-shadow:inset 0 1px 1px #10141b0a}:root[data-theme=light] input:focus,:root[data-theme=light] select:focus,:root[data-theme=light] textarea:focus{box-shadow:var(--focus-ring)}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg-0);color:var(--fg-0);-webkit-font-smoothing:antialiased;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease);margin:0;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}::selection{background:#4c7df04d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill);border:2px solid var(--bg-0)}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-1);border-inline-end:1px solid var(--line);padding:var(--s5) var(--s4);gap:var(--s2);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{margin-bottom:var(--s5);padding:0 var(--s2);align-items:center;gap:10px;display:flex}.brand .logo{width:30px;height:30px;color:var(--accent-on);flex:none;place-items:center;display:grid}.brand .logo svg{width:30px;height:30px;display:block}.brand .wm{font-family:var(--font-ui);letter-spacing:-.02em;color:var(--fg-0);font-size:19px;line-height:1}.brand .wm b{letter-spacing:-.03em;font-weight:700}.brand .wm span{opacity:.66;letter-spacing:-.01em;font-weight:300}.nav a{padding:10px var(--s3);border-radius:var(--r-md);color:var(--fg-1);transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease);align-items:center;gap:11px;margin-bottom:2px;font-weight:500;display:flex}.nav a:hover{background:var(--bg-3);color:var(--fg-0)}.nav a.active{background:var(--accent-tint);color:var(--fg-0);box-shadow:inset 0 0 0 1px var(--line-2)}.nav a:focus-visible{box-shadow:var(--focus-ring);outline:none}.nav a .ic{text-align:center;opacity:.9;width:18px}.side-foot{border-top:1px solid var(--line);padding-top:var(--s4);color:var(--fg-2);margin-top:auto;font-size:12px}.nav a .lbl{white-space:nowrap;overflow:hidden}.collapse-btn{margin-top:var(--s3);border:1px solid var(--line);border-radius:var(--r-md);width:100%;height:34px;color:var(--fg-2);cursor:pointer;font-family:var(--font-ui);transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.collapse-btn:hover{background:var(--bg-3);border-color:var(--line-2);color:var(--fg-0)}.collapse-btn:focus-visible{border-color:var(--focus-border);box-shadow:var(--focus-ring);outline:none}.collapse-btn .chev{transition:transform var(--dur-2) var(--ease)}@media (width>=901px){.app.collapsed{grid-template-columns:72px 1fr}.app.collapsed .sidebar{padding:var(--s5) var(--s2);align-items:stretch}.app.collapsed .brand{justify-content:center;padding:0}.app.collapsed .brand .wm{display:none}.app.collapsed .nav a{justify-content:center;gap:0;padding:10px 0;position:relative}.app.collapsed .nav a .lbl,.app.collapsed .side-foot .foot-text{display:none}.app.collapsed .collapse-btn .chev{transform:rotate(180deg)}.app.collapsed .nav a:hover:after{content:attr(data-tip);inset-inline-start:calc(100% + 10px);background:var(--bg-3);color:var(--fg-0);border:1px solid var(--line-2);border-radius:var(--r-sm);white-space:nowrap;box-shadow:var(--sh-2);z-index:60;pointer-events:none;padding:5px 9px;font-size:12px;position:absolute;top:50%;transform:translateY(-50%)}}.main{padding:var(--s6) var(--s7);width:100%;max-width:1280px}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{z-index:50;transition:transform var(--dur-2) var(--ease);width:248px;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.main{padding:var(--s5) var(--s4)}.topbar .menu-btn{display:inline-flex!important}}.topbar{margin-bottom:var(--s6);justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.topbar h1{letter-spacing:-.015em;margin:0;font-size:22px;font-weight:600}.topbar .sub{color:var(--fg-2);margin-top:2px;font-size:13px}.topbar .menu-btn{background:var(--bg-2);border:1px solid var(--line);color:var(--fg-0);border-radius:var(--r-md);cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease);padding:8px 10px;display:none}.topbar .menu-btn:hover{background:var(--bg-3);border-color:var(--line-2)}.topbar-actions{align-items:center;gap:10px;display:flex}.user-chip{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-pill);align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex}.user-chip .av{background:var(--accent-tint);width:28px;height:28px;color:var(--accent-on);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.theme-toggle{background:var(--bg-2);border:1px solid var(--line);width:38px;height:38px;color:var(--fg-1);cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease);border-radius:50%;place-items:center;font-size:15px;display:grid}.theme-toggle .ic{transition:transform var(--dur-2) var(--ease);display:inline-flex}.theme-toggle:hover .ic{transform:rotate(18deg)}.theme-toggle:hover{color:var(--fg-0);border-color:var(--line-2);background:var(--bg-3)}.theme-toggle:focus-visible{border-color:var(--focus-border);box-shadow:var(--focus-ring);outline:none}.lang-selector{border-radius:var(--r-md);border:1px solid var(--line);background-color:var(--bg-2);width:auto;height:38px;color:var(--fg-1);font-size:13px;font-family:var(--font-ui);cursor:pointer;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease);padding:0 30px 0 12px}.lang-selector:hover{background-color:var(--bg-3);border-color:var(--line-2);color:var(--fg-0)}.lang-selector:focus-visible{border-color:var(--focus-border);box-shadow:var(--focus-ring);outline:none}.grid{gap:var(--s4);display:grid}.grid.stats{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.grid.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.grid.stats{grid-template-columns:1fr}}.card{background:var(--bg-2);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line)}.card.pad{padding:var(--s5)}.stat{padding:var(--s5);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease);position:relative;overflow:hidden}.stat:hover{box-shadow:inset 0 0 0 1px var(--line-2);transform:translateY(-2px)}.stat .label{color:var(--fg-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:500}.stat .val{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:34px;font-weight:700;line-height:1}.stat .foot{color:var(--fg-1);align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.stat .spark{inset-inline-end:16px;border-radius:var(--r-md);place-items:center;width:34px;height:34px;font-size:16px;display:grid;position:absolute;top:16px}.stat .spark.a{background:var(--accent-tint)}.stat .spark.b{background:var(--pill-ok-bg)}.stat .spark.c{background:var(--accent-tint)}.stat .spark.d{background:var(--pill-warn-bg)}.section-title{letter-spacing:-.01em;margin:var(--s6) 0 var(--s3);font-size:17px;font-weight:600}.tbl-wrap{border-radius:var(--r-lg);overflow:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:start;color:var(--fg-2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--bg-1);padding:12px 16px;font-size:11px;font-weight:500}tbody td{border-bottom:1px solid var(--line);white-space:nowrap;padding:14px 16px}tbody tr{transition:background var(--dur-1) var(--ease);cursor:pointer}tbody tr:hover{background:var(--bg-3)}tbody tr:last-child td{border-bottom:none}.mono{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.badge{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:10.5px;font-weight:500;display:inline-flex}.badge .d{border-radius:50%;width:7px;height:7px}.badge.active{background:var(--pill-ok-bg);border-color:var(--pill-ok-bd);color:var(--pill-ok-tx)}.badge.active .d{background:var(--accent-2)}.badge.suspended{background:var(--pill-warn-bg);border-color:var(--pill-warn-bd);color:var(--pill-warn-tx)}.badge.suspended .d{background:var(--warn)}.badge.pending{background:var(--pill-info-bg);border-color:var(--pill-info-bd);color:var(--pill-info-tx)}.badge.pending .d{background:var(--accent-on)}.badge.terminated{background:var(--pill-danger-bg);border-color:var(--pill-danger-bd);color:var(--pill-danger-tx)}.badge.terminated .d{background:var(--danger)}.badge.onair{background:var(--pill-onair-bg);border-color:var(--pill-onair-bd);color:var(--pill-onair-tx)}.badge.onair .d{background:var(--onair);animation:1.6s ease-in-out infinite dds-pulse}.badge.offline{background:var(--pill-off-bg);border-color:var(--pill-off-bd);color:var(--pill-off-tx)}.badge.offline .d{background:var(--offline)}@keyframes dds-pulse{0%,to{opacity:1}50%{opacity:.35}}.kbps{border-radius:var(--r-sm);background:var(--kbps-bg);height:24px;color:var(--kbps-tx);font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;padding:0 8px;font-size:11.5px;display:inline-flex}.btn{border:1px solid var(--line-2);background:var(--bg-2);color:var(--fg-0);border-radius:var(--r-md);cursor:pointer;height:40px;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),transform var(--dur-1) var(--ease);font-size:14px;font-weight:600;font-family:var(--font-ui);justify-content:center;align-items:center;gap:8px;padding:0 15px;display:inline-flex}.btn:hover{border-color:var(--line-2);background:var(--bg-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{border-color:var(--focus-border);box-shadow:var(--focus-ring);outline:none}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.primary:hover{background:var(--accent-hover)}.btn.primary:active{background:var(--accent-active)}.btn.primary:disabled{background:var(--accent);opacity:.55}.btn.ghost{color:var(--fg-1);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-3);color:var(--fg-0)}.btn.danger{background:var(--pill-danger-bg);border-color:var(--pill-danger-bd);color:var(--pill-danger-tx)}.btn.danger:hover{filter:brightness(1.06)}.btn.sm{height:32px;padding:0 11px;font-size:12.5px}.btn .spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.9s linear infinite dds-spin}@keyframes dds-spin{to{transform:rotate(360deg)}}label.fld{margin-bottom:var(--s4);display:block}label.fld .lb{color:var(--fg-1);margin-bottom:6px;font-size:12.5px;font-weight:500;display:block}input,select,textarea{background:var(--bg-1);border:1px solid var(--line-2);width:100%;color:var(--fg-0);border-radius:var(--r-md);height:42px;font-size:14px;font-family:var(--font-ui);transition:border-color var(--dur-1) var(--ease),box-shadow var(--dur-1) var(--ease);outline:none;padding:0 13px}textarea{height:auto;padding:11px 13px;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:var(--focus-border);box-shadow:var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--fg-2)}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--fg-2) 50%),linear-gradient(135deg,var(--fg-2) 50%,transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:34px}.skel{background:linear-gradient(90deg,var(--bg-2),var(--bg-3),var(--bg-2));border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite dds-shimmer}@keyframes dds-shimmer{to{background-position:-200% 0}}.empty,.errbox{text-align:center;padding:var(--s7) var(--s5);color:var(--fg-1);border:1px dashed var(--line-2);border-radius:var(--r-lg)}.empty .em,.errbox .em{margin-bottom:var(--s3);opacity:.9;font-size:34px}.errbox{color:var(--danger);border-color:var(--pill-danger-bd)}.kv{grid-template-columns:170px 1fr;gap:2px 16px;font-size:13.5px;display:grid}.kv .k{color:var(--fg-2);border-bottom:1px solid var(--line);padding:10px 0}.kv .v{border-bottom:1px solid var(--line);word-break:break-all;padding:10px 0}.row{gap:var(--s3);flex-wrap:wrap;align-items:center;display:flex}.between{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.pill{background:var(--bg-3);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--fg-1);padding:4px 11px;font-size:12px}.meter{background:var(--bg-3);border-radius:var(--r-pill);min-width:90px;height:7px;overflow:hidden}.meter i{background:var(--accent);border-radius:var(--r-pill);height:100%;display:block}.meter i.warn{background:var(--warn)}.toast-wrap{bottom:24px;z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;inset-inline-end:24px}.toast{background:var(--bg-2);border:1px solid var(--line-2);border-inline-start:3px solid var(--accent-2);border-radius:var(--r-lg);box-shadow:var(--sh-3);min-width:240px;animation:dds-slidein var(--dur-2) var(--ease);color:var(--fg-0);padding:12px 16px}.toast.err{border-inline-start-color:var(--danger)}@keyframes dds-slidein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.copy{cursor:pointer;color:var(--link);transition:color var(--dur-1) var(--ease);border-radius:var(--r-sm);font-size:12px;font-weight:600}.copy:hover{color:var(--accent-on)}.copy:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.code{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-md);font-family:var(--font-mono);word-break:break-all;color:var(--fg-0);padding:12px 14px;font-size:12.5px}@media (width<=900px){[dir=rtl] .sidebar{transform:translate(100%)}[dir=rtl] .sidebar.open{transform:none}}[dir=rtl] .collapse-btn .chev{transform:scaleX(-1)}[dir=rtl] .app.collapsed .collapse-btn .chev{transform:scaleX(-1)rotate(180deg)}[dir=rtl] select{background-position:18px,13px}[dir=rtl] .toast{animation-name:dds-slidein-rtl}@keyframes dds-slidein-rtl{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}[dir=rtl] .mono,[dir=rtl] .code,[dir=rtl] code{direction:ltr;unicode-bidi:isolate}[dir=rtl] input[type=email],[dir=rtl] input[type=number],[dir=rtl] input[type=password],[dir=rtl] input[type=url]{direction:ltr}