:root{--color-bg: #eef3ff;--color-bg-soft: #f8fbff;--color-surface: rgba(255, 255, 255, .78);--color-surface-strong: rgba(255, 255, 255, .93);--color-border: rgba(91, 119, 173, .2);--color-border-strong: rgba(94, 92, 230, .34);--color-text: #101828;--color-muted: #667085;--color-subtle: #98a2b3;--color-accent: #5b5ce2;--color-accent-2: #06b6d4;--color-accent-3: #ec4899;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #e11d48;--gradient-brand: linear-gradient(135deg, #5b5ce2 0%, #06b6d4 52%, #ec4899 100%);--gradient-page: radial-gradient(circle at 12% 10%, rgba(91, 92, 226, .22), transparent 33%), radial-gradient(circle at 88% 0%, rgba(6, 182, 212, .2), transparent 30%), linear-gradient(180deg, #f8fbff 0%, #eef3ff 48%, #e8eefc 100%);--shadow-soft: 0 24px 70px rgba(31, 41, 55, .12);--shadow-glow: 0 20px 70px rgba(91, 92, 226, .18);--radius: 12px;--radius-lg: 16px;--font: "Inter", ui-sans-serif, system-ui, sans-serif;--shell-pad-x: 1rem;--shell-pad-y: .75rem;--shell-pad-bottom: 1.5rem;--shell-max: 1040px;--text: var(--color-text);--text-soft: var(--color-muted);--accent: var(--color-accent);--accent-hover: #4749cc;--accent-muted: rgba(91, 92, 226, .12);--border: var(--color-border);--border-focus: var(--color-border-strong);--bg-card: var(--color-surface-strong);--bg-input: rgba(255, 255, 255, .9);--danger: var(--color-danger)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);font-size:14px;background:var(--gradient-page);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5}#root{min-height:100vh}a{color:var(--color-accent);font-weight:600}a:hover{color:var(--color-accent-2)}.brand-bar{height:4px;width:100%;background:var(--gradient-brand);flex-shrink:0}.brand-mark{display:inline-flex;align-items:baseline;gap:.35rem;font-weight:800;letter-spacing:-.02em;font-size:1rem;color:var(--color-text)}.brand-mark span.pro{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-mark .sub{font-size:.72rem;font-weight:600;color:var(--color-muted);letter-spacing:.02em}.login-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-page)}.login-page-inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem var(--shell-pad-x) 2rem}.login-header{width:100%;max-width:420px;margin-bottom:1rem}.login-card{width:100%;max-width:420px;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem 1.35rem 1.25rem;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.login-card h1{margin:.35rem 0 .25rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.login-lead{margin:0 0 1rem;color:var(--color-muted);font-size:.875rem;line-height:1.5}.login-form .field{margin-bottom:.75rem}.login-form label.field-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-muted);margin-bottom:.35rem}.login-form input{width:100%;padding:.6rem .75rem;font-size:.9375rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--bg-input);color:var(--color-text)}.login-form input:focus{outline:none;border-color:var(--color-border-strong);box-shadow:0 0 0 3px var(--accent-muted)}.login-form .err{color:var(--color-danger);font-size:.875rem;margin:.5rem 0 0;padding:.5rem .65rem;background:#e11d480f;border-radius:8px;border:1px solid rgba(225,29,72,.2)}.login-form .ok{color:var(--color-success);font-size:.875rem;margin:.5rem 0 0;padding:.5rem .65rem;background:#16a34a0f;border-radius:8px;border:1px solid rgba(22,163,74,.2)}.login-submit{width:100%;margin-top:.25rem;padding:.65rem .85rem;font-size:.9rem;font-weight:700;border:none;border-radius:999px;background:var(--gradient-brand);color:#fff;cursor:pointer;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:var(--shadow-glow)}.login-submit:hover{filter:brightness(1.05)}.login-submit:active{transform:scale(.99)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-forgot{margin:.65rem 0 0;text-align:center;font-size:.8rem}.login-forgot button{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--color-accent);cursor:pointer}.login-hint{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.login-hint summary{cursor:pointer;font-size:.8rem;color:var(--color-muted);font-weight:600}.login-hint .hint-body{margin:.65rem 0 0;font-size:.78rem;color:var(--color-muted);line-height:1.5}.login-legal{margin:1rem 0 0;text-align:center;font-size:.72rem;color:var(--color-subtle)}.login-tool-link{margin-top:.85rem;text-align:center;font-size:.78rem;color:var(--color-muted)}.shell{max-width:var(--shell-max);margin:0 auto;padding:var(--shell-pad-y) var(--shell-pad-x) var(--shell-pad-bottom)}.app-chrome{min-height:100vh;display:flex;flex-direction:column}.app-chrome-main{flex:1}.topbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.65rem 1rem;margin-bottom:.75rem;padding:.85rem 1rem;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar h1{margin:.15rem 0 0;font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.topbar-sub{margin:.35rem 0 0;color:var(--color-muted);font-size:.8rem;max-width:40rem;line-height:1.45}.tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem}.tab{border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-muted);padding:.38rem .75rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.tab:hover{color:var(--color-text);border-color:var(--color-border-strong)}.tab--on{background:var(--accent-muted);color:var(--color-accent);border-color:var(--color-border-strong);box-shadow:0 4px 16px #5b5ce21f}.panel{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.85rem 1rem;margin-bottom:.65rem;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel h2{margin:0 0 .5rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.panel h2+.muted{margin-top:-.2rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@media(max-width:520px){.grid2{grid-template-columns:1fr}}.stat{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);padding:.55rem .65rem}.stat label{display:block;font-size:.6rem;color:var(--color-muted);margin-bottom:.15rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.stat .val{font-size:1.1rem;font-weight:700;line-height:1.15;color:var(--color-text)}.stat .val--sm{font-size:.78rem;font-weight:600;font-family:ui-monospace,monospace;word-break:break-all}.btn-row{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.btn{border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);padding:.42rem .7rem;border-radius:999px;font-weight:600;font-size:.78rem;cursor:pointer;transition:filter .12s,border-color .12s,box-shadow .12s}.btn:hover{border-color:var(--color-border-strong);box-shadow:0 4px 14px #1f293714}.btn--live{border-color:#16a34a59;background:#16a34a14;color:#15803d}.btn--brb{border-color:#d9770659;background:#d9770614;color:#b45309}.btn--low{border-color:#ea580c59;background:#ea580c14;color:#c2410c}.btn--primary{border:none;background:var(--gradient-brand);color:#fff;box-shadow:0 8px 24px #5b5ce238}.btn--ghost{background:transparent;color:var(--color-muted)}.btn--danger-outline{border-color:#e11d4859;color:var(--color-danger);background:#e11d480d}input[type=text],input[type=password],input[type=email],select,textarea{width:100%;padding:.5rem .65rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--bg-input);color:var(--color-text);font-size:.8125rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-border-strong);box-shadow:0 0 0 3px var(--accent-muted)}textarea{min-height:52px;resize:vertical}.toast{position:fixed;bottom:.85rem;left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;border:none;padding:.5rem .85rem;border-radius:999px;font-size:.78rem;font-weight:600;z-index:100;max-width:min(92vw,420px);box-shadow:var(--shadow-soft)}.check{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-muted);margin-bottom:.25rem}.check input{width:auto}.muted{color:var(--color-muted);font-size:.8rem;line-height:1.45}.mono{font-family:ui-monospace,monospace;font-size:.68rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--color-muted);font-size:.875rem;background:var(--gradient-page)}.loading-screen:after{content:"";width:28px;height:28px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{margin-top:1rem;padding-top:.65rem;border-top:1px solid var(--color-border);text-align:center;font-size:.72rem;color:var(--color-subtle)}.app-footer a{margin:0 .45rem}.account-seg{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.account-seg button{border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-muted);padding:.4rem .85rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit}.account-seg button.seg-on,.account-seg button[aria-selected=true]{background:var(--accent-muted);color:var(--color-accent);border-color:var(--color-border-strong)}.account-welcome{font-size:.95rem;font-weight:600;margin:0 0 .35rem}.link-url-block{margin-top:.35rem}.link-url-list{display:flex;flex-direction:column;gap:.45rem}.link-url-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.45rem;padding:.55rem .65rem;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius)}.link-url-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);margin-bottom:.2rem}.link-url-value{font-size:.65rem;word-break:break-all;color:var(--color-accent);font-family:ui-monospace,monospace}.user-table-wrap{overflow-x:auto;margin:.25rem 0 .5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-soft)}.user-table{width:100%;border-collapse:collapse;font-size:.78rem}.user-table th{text-align:left;padding:.45rem .55rem;color:var(--color-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;border-bottom:1px solid var(--color-border);background:#5b5ce20a}.user-table td{padding:.5rem .55rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.new-user-box{margin-top:.65rem;padding:.75rem;border:1px dashed var(--color-border-strong);border-radius:var(--radius);background:var(--accent-muted)}.panel-hint{margin:.5rem 0 0;padding:.55rem .65rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-soft);font-size:.78rem}.dev-log-box{max-height:200px;overflow:auto;font-size:.65rem;line-height:1.32;padding:.5rem;background:#0b1020;color:#e2e8f0;border-radius:var(--radius);border:1px solid var(--color-border);white-space:pre-wrap;word-break:break-word}.badge-smtp{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;border:1px solid var(--color-border)}.badge-smtp--on{background:#16a34a1a;color:#15803d;border-color:#16a34a4d}.badge-smtp--off{background:#d9770614;color:#b45309;border-color:#d9770640}.brand-mark .brand-irl{font-weight:800;letter-spacing:-.02em}.server-hero{background:linear-gradient(135deg,#5b5ce214,#06b6d40f);border-color:var(--color-border-strong)}.server-hero-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem}.server-hero-kicker{margin:0;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent)}.server-hero-title{margin:.2rem 0 0;font-size:1.45rem;font-weight:800;letter-spacing:-.03em}.server-hero-tagline{margin:.35rem 0 0;max-width:36rem}.server-hero-meta{text-align:right;font-size:.75rem}.server-version{display:inline-block;padding:.2rem .55rem;border-radius:999px;background:var(--accent-muted);color:var(--color-accent);font-weight:700}.server-hero-status{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.65rem}.stream-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-muted)}.stream-badge--live{background:#16a34a1a;border-color:#16a34a59;color:#15803d}.stream-badge-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.stream-badge--live .stream-badge-dot{background:#22c55e;box-shadow:0 0 8px #22c55ecc;animation:pulse-dot 1.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.server-metrics-grid{align-items:stretch}.server-sys-list{margin:0;padding-left:1.1rem;font-size:.8rem;line-height:1.55}.service-list{display:flex;flex-direction:column;gap:.35rem}.service-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;padding:.5rem .6rem;border-radius:var(--radius);background:var(--color-bg-soft);border:1px solid var(--color-border)}.service-row-name{font-weight:600;font-size:.82rem}.service-row-detail{display:block;font-size:.68rem;color:var(--color-muted);font-weight:500}.service-row-hint{display:block;font-size:.65rem;color:var(--color-subtle);margin-top:.15rem}.status-pill{font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;white-space:nowrap}.status-pill--ok{background:#16a34a1f;color:#15803d}.status-pill--err{background:#e11d4814;color:var(--color-danger)}.status-pill--warn{background:#d977061a;color:#b45309}.setup-steps{margin:0;padding-left:1.15rem;line-height:1.55;font-size:.85rem}.setup-steps strong{color:var(--color-text)}.setup-url-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.5rem}.setup-url-row{padding:.55rem .65rem;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg-soft)}.setup-url-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.35rem}.setup-url-label{font-size:.78rem;font-weight:700}.setup-url-value{display:block;font-size:.68rem;word-break:break-all;color:var(--color-accent);font-family:ui-monospace,monospace;line-height:1.4}.setup-url-hint{margin:.3rem 0 0;font-size:.68rem}.setup-advanced summary{cursor:pointer;font-weight:600}.phone-live-box{margin-top:.5rem;padding:.65rem;border-radius:var(--radius);border:1px dashed var(--color-border-strong);background:var(--color-bg-soft)}.phone-live-box--ok{border-style:solid;border-color:#16a34a59;background:#16a34a0d}.phone-json-example{margin:.5rem 0 0;padding:.55rem;font-size:.68rem;background:#0b1020;color:#e2e8f0;border-radius:var(--radius);overflow-x:auto}.overlay-vis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.2rem .5rem}.overlay-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}@media(max-width:520px){.overlay-theme-grid{grid-template-columns:1fr}}.theme-field{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem}.theme-field input{font-size:.72rem;font-family:ui-monospace,monospace}.twitch-panel{display:flex;flex-direction:column;gap:.65rem}.twitch-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.55rem;margin-top:.5rem}.pill{display:inline-flex;align-items:center;font-size:.68rem;font-weight:700;padding:.22rem .55rem;border-radius:999px;width:fit-content}.pill--ok{background:#16a34a1f;color:#15803d}.pill--warn{background:#d977061a;color:#b45309}.phone-guide{margin-top:.35rem}.phone-guide-title{font-size:1rem;margin:0 0 .35rem}.phone-guide-intro{margin:0 0 .65rem;font-size:.8rem;line-height:1.45}.phone-guide-table{width:100%;border-collapse:collapse;font-size:.78rem;margin-bottom:.65rem}.phone-guide-table th{text-align:left;vertical-align:top;padding:.35rem .5rem .35rem 0;color:var(--color-muted);font-weight:600;width:5.5rem}.phone-guide-table td{padding:.35rem 0;vertical-align:top}.phone-guide-table code.setup-url-value{display:block;margin-bottom:.25rem;word-break:break-all}.phone-guide-headers{margin:0 0 .25rem;white-space:pre-wrap}.phone-guide-app{margin-top:.45rem;font-size:.78rem}.phone-guide-app summary{cursor:pointer;font-weight:600;color:var(--text)}.phone-guide-fields{margin:.35rem 0 0;padding-left:1.1rem;line-height:1.5}.phone-guide--compact .phone-guide-title{font-size:.9rem}.btn--sm{font-size:.68rem;padding:.2rem .45rem}