.traffic-charts--auto[data-v-227c2601]{flex-direction:column;gap:16px;display:flex}.traffic-charts__bar--full[data-v-227c2601]{width:100%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0d12;--surface:#11161f;--surface-elevated:#11161f;--surface-sunken:#171d28;--bg-glow:#10151d;--surface-2:var(--surface-sunken);--ink:#e8edf5;--ink-muted:#8b97ab;--ink-subtle:#5c687a;--text:var(--ink);--muted:var(--ink-muted);--hairline:#273041;--hairline-strong:#3a465c;--line:var(--hairline);--border:var(--hairline);--accent:#2bb7a0;--accent-2:#229985;--accent-ink:#041512;--accent-soft:#2bb7a024;--accent-soft-muted:#2bb7a014;--accent-soft-strong:#2bb7a038;--accent-ring:#2bb7a038;--accent-border:#2bb7a059;--danger:#e26d7a;--error:var(--danger);--ok:#3db87a;--success:var(--ok);--warn:#d4a017;--warning:var(--warn);--info:#5b8def;--ok-ink:#7ed9a8;--danger-ink:#e88a94;--warn-ink:#e6c36a;--font-display:"IBM Plex Sans", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:20px;--text-xl:22px;--text-2xl:28px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--pad-inline:clamp(16px, 2vw, 24px);--radius:6px;--radius-lg:8px;--radius-pill:999px}*{box-sizing:border-box}html,body,#app{min-height:100%;font-family:var(--font-body);background:var(--bg);color:var(--ink);font-feature-settings:"ss01" 0, "tnum" 1;letter-spacing:0;font-size:var(--text-sm);margin:0;line-height:1.5}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.auth-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;display:flex}.auth{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.auth__backdrop{background:var(--bg);animation:none;position:absolute;inset:0}.auth__form{z-index:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;max-width:400px;box-shadow:none;padding:24px 20px;animation:none;position:relative}.auth__brand{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;font-weight:600;line-height:1.1}.auth__title{font-family:var(--font-display);margin:0 0 8px;font-size:22px;font-weight:600}.auth__subtitle{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.45}.auth__label{color:var(--muted);margin-bottom:12px;font-size:13px;display:block}.auth__input{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);width:100%;color:var(--text);font:inherit;margin-top:6px;padding:11px 12px;transition:border-color .2s,box-shadow .2s}.auth__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring);outline:none}.auth__error{color:var(--danger);margin-bottom:10px;font-size:13px}.auth__submit{width:100%;margin-top:4px}.auth__meta{text-align:center;color:var(--muted);margin:14px 0 0;font-size:12px}.panel__sidebar{border-right:1px solid var(--hairline);padding:var(--sp-4) var(--sp-3);background:var(--surface-elevated)}.panel__brand{font-family:var(--font-display);color:var(--ink);letter-spacing:.01em;margin-bottom:16px;font-size:15px;font-weight:600}.panel__title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:12px 0 8px;font-size:12px;font-weight:600}.panel__title:first-of-type{margin-top:0}.nav-list{margin:0 0 4px;padding:0;list-style:none}.nav-list__item{text-align:left;border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;color:var(--text);cursor:pointer;font:inherit;background:0 0;margin-bottom:8px;padding:10px 12px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.toolbar__title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600;line-height:1.15}.toolbar__hint{color:var(--muted);margin-top:4px;font-size:12px}.toolbar__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.project-switch{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);align-items:stretch;gap:2px;padding:3px;display:inline-flex}.project-switch__btn{border-radius:var(--radius-lg);color:var(--muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;padding:7px 12px;font-size:12px;font-weight:600;line-height:1.2;transition:color .15s,background .15s}.project-switch__btn:hover:not(:disabled){color:var(--text)}.project-switch__btn:disabled{opacity:.6;cursor:wait}.theme-switch{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-items:stretch;gap:2px;padding:2px;display:inline-flex}.theme-switch--auth{z-index:2;position:absolute;top:20px;right:20px}.theme-switch__btn{color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:600;line-height:1.2;transition:color .15s,background .15s}.theme-switch__btn:hover{color:var(--text)}.theme-switch__btn--active{background:var(--accent-soft-strong);color:var(--accent)}.compose-select{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);min-width:210px;font:inherit;padding:7px 10px}.action-btn{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text);cursor:pointer;font:inherit;padding:8px 12px;transition:border-color .15s,background .15s,color .15s}.action-btn:hover:not(:disabled){border-color:var(--accent)}.action-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.action-btn--primary:focus-visible{outline-color:var(--accent)}.action-btn--primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}.action-btn--danger{border-color:var(--danger);color:var(--danger-ink)}.fleet__summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.fleet__stat{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:14px}.fleet__stat--ok{border-color:#4fb06d73}.fleet__stat--danger{border-color:#d35b6a73}.fleet__stat-label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.fleet__stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:600}.fleet__stat-value--sm{font-size:18px;line-height:1.25}.fleet__stat--warn{border-color:#e6b45080}.fleet__refreshed{color:var(--muted);margin:0 0 14px;font-size:12px}.state-pill--warn{color:#e6c36a;border-color:#e6b450}.ssl__note{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--accent-soft-muted);color:var(--muted);margin:0 0 14px;padding:12px 14px;font-size:13px;line-height:1.45}.ssl__meta{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px;margin-bottom:16px;font-size:13px;display:grid}.ssl__meta strong{color:var(--text);font-weight:600}.ssl__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.ssl-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:14px;animation:.35s ease-out card-in}.ssl-card--warn{border-color:#e6b4508c}.ssl-card--error{border-color:#d35b6a8c}.ssl-card__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ssl-card__name{font-family:var(--font-display);margin:0;font-size:18px;font-weight:600}.ssl-card__meta{color:var(--muted);word-break:break-all;margin-bottom:8px;font-size:12px}.ssl-card__days{margin-bottom:10px;font-size:13px}.ssl-card__checks{margin:0;padding:0;font-size:13px;list-style:none}.ssl-card__checks li{border-top:1px solid var(--line);color:var(--text);padding:6px 0}.ssl-card__port{min-width:48px;color:var(--accent);font-weight:600;display:inline-block}.ssl-card__issuer{color:var(--muted);font-size:12px}.ssl-card__error{color:var(--danger)}.fleet__loading{color:var(--muted);align-items:center;gap:10px;margin-bottom:12px;display:flex}.fleet__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.server-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:14px;animation:.35s ease-out card-in}.server-card--offline{opacity:.85}.server-card__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.server-card__name{font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;margin:0;font-size:18px;font-weight:600;display:flex}.server-card__region{flex-shrink:0}.server-card__subscription{font-family:var(--font-body);color:var(--muted);font-size:14px;font-weight:500;line-height:1.3}.server-card__meta{color:var(--muted);word-break:break-all;margin-bottom:10px;font-size:12px}.server-card__error{color:var(--danger);margin-bottom:8px;font-size:12px}.server-card__stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;font-size:13px;display:grid}.server-card__stats span{color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.server-card__link{color:#9db4ff;font-size:13px;text-decoration:none}.services__spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.state-pill{border-radius:var(--radius-pill);border:1px solid var(--line);padding:2px 8px;font-size:12px}.state-pill--running{border-color:var(--ok);color:var(--ok-ink)}.state-pill--exited{border-color:var(--danger);color:var(--danger-ink)}.empty{color:var(--muted);padding:18px}.empty--panel{border:1px dashed var(--hairline);border-radius:var(--radius-lg);background:var(--surface-elevated);text-align:center}.empty--inline{padding:10px 0 4px}.empty__title{color:var(--text);font-family:var(--font-display);margin:0 0 6px;font-size:16px;font-weight:600}.empty__hint{margin:0;font-size:13px;line-height:1.45}.empty__hint code{color:var(--accent);font-size:12px}.ssl__check-indicator{align-items:center;gap:8px;display:flex}.ssl__dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.ssl__dot--fresh{background:var(--ok);box-shadow:0 0 0 3px #4fb06d33}.ssl__dot--stale{background:#e6b450}.ssl__dot--none{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes auth-glow{0%{filter:saturate()}to{filter:saturate(1.2)brightness(1.05)}}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home__hero{margin-bottom:var(--sp-5);padding:var(--sp-5) var(--sp-4);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-elevated);animation:none}.home__brand{font-family:var(--font-display);letter-spacing:.02em;color:var(--ink);margin:0 0 8px;font-size:22px;font-weight:600}.home__title{font-family:var(--font-display);margin:0 0 8px;font-size:22px;font-weight:600}.home__text{color:var(--muted);max-width:520px;margin:0;font-size:14px;line-height:1.45}.home__actions{flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:12px;display:flex}.home__note{color:var(--muted);margin:0;font-size:12px}.home__payments{margin:18px 0 8px}.home__payments-title{font-family:var(--font-display);margin:0 0 10px;font-size:16px;font-weight:600}.home__payments-note{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.4}.home__payments-note code{color:var(--accent);font-size:11px}.users__note,.broadcast__note,.payments__note{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--accent-soft-muted);color:var(--muted);margin:0 0 14px;padding:12px 14px;font-size:13px;line-height:1.45}.users__note code,.broadcast__note code,.payments__note code{color:var(--accent);font-size:12px}.users__tabs{gap:8px;margin-bottom:14px;display:flex}.users__tab{border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--text);cursor:pointer;font:inherit;background:0 0;padding:8px 14px}.users__tab--active{border-color:var(--accent);background:var(--accent-soft)}.users__toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.users__search{flex-direction:column;flex:240px;gap:6px;min-width:200px;display:flex}.users__sort{flex-direction:column;flex:0 220px;gap:6px;min-width:180px;display:flex}.users__search-label{color:var(--muted);font-size:12px}.users__search-input,.users__sort-select{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:9px 12px}.users__search-input:focus,.users__sort-select:focus{border-color:var(--accent);outline:none}.users__pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.users__pager-controls{gap:8px;display:flex}.users__table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);-webkit-overflow-scrolling:touch;max-height:min(60vh,560px);margin-top:14px;overflow:auto}.users__table-wrap .users-table{border:0;border-radius:0;margin:0;overflow:visible}.users-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;overflow:hidden}.users-table th,.users-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:11px 12px;font-size:13px;line-height:1.35}.users-table th{color:var(--muted);background:var(--surface-2);white-space:nowrap;font-size:12px;font-weight:600}.users__table-wrap .users-table th{z-index:1;box-shadow:0 1px 0 var(--line);position:sticky;top:0}.users-table tbody tr:last-child td{border-bottom:0}.users-table__num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-feature-settings:"tnum" 1}.users-table__sort{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.users-table__sort:hover,.users-table__sort--active{color:var(--accent)}.users-table__devices{font-variant-numeric:tabular-nums}.users-table__online{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.users-table__online-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.users-table__online--on .users-table__online-dot{background:var(--accent)}.users-table__online--off .users-table__online-dot{background:#8c8c8c8c}.users-table__online-text{font-size:13px}.users-table__freeze{white-space:nowrap;color:var(--muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.users-table__freeze--pending{color:#e0b44e}.users-table__freeze--disabled{color:var(--danger)}.users-table__freeze--none{color:var(--muted)}.users-table__freeze-token{overflow-wrap:anywhere;max-width:100%;font-size:12px;display:inline-block}.users__meta{color:var(--muted);margin:0;font-size:12px}.broadcast__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.broadcast__panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:16px}.broadcast__heading{font-family:var(--font-display);margin:0 0 6px;font-size:18px;font-weight:600}.broadcast__hint{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.4}.broadcast__textarea{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);width:100%;color:var(--text);font:inherit;resize:vertical;min-height:110px;margin-top:6px;padding:11px 12px}.broadcast__textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring);outline:none}.broadcast-composer{margin-top:6px}.broadcast-composer__toolbar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.broadcast-composer__tool{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);min-width:34px;height:32px;color:var(--text);font:inherit;cursor:pointer;padding:0 10px;font-size:13px;line-height:1}.broadcast-composer__tool:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.broadcast-composer__tool:disabled{opacity:.45;cursor:not-allowed}.broadcast-composer__tool-u{text-decoration:underline}.broadcast-composer__tool-s{text-decoration:line-through}.broadcast-composer__syntax{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.45}.broadcast-composer__syntax code{color:var(--accent);font-size:11px}.broadcast-composer .broadcast__textarea{margin-top:0}.tg-preview{margin-top:12px}.tg-preview__label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.tg-preview__chat{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#121820 0%,#0c1016 100%);padding:14px 12px}.tg-preview__name{color:#6ab3f3;margin:0 0 6px 10px;font-size:13px;font-weight:600}.tg-preview__bubble{color:#e8eef4;word-break:break-word;background:#182533;border-radius:12px 12px 12px 4px;max-width:92%;padding:8px 12px 10px;font-size:14px;line-height:1.4;box-shadow:0 1px 2px #00000040}.tg-preview__empty{color:#e8eef473;font-size:13px}.tg-preview__text .tg-md__b{font-weight:600}.tg-preview__text .tg-md__i{font-style:italic}.tg-preview__text .tg-md__u{text-decoration:underline}.tg-preview__text .tg-md__s{text-decoration:line-through}.tg-preview__text .tg-md__code,.tg-preview__text .tg-md__pre{background:#00000047;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.tg-preview__text .tg-md__code{padding:1px 4px}.tg-preview__text .tg-md__pre{white-space:pre-wrap;margin:6px 0;padding:8px;display:block;overflow-x:auto}.tg-preview__text .tg-md__link{color:#6ab3f3;text-decoration:underline}.tg-preview__text .tg-md__spoiler{color:#0000;background:#ffffff2e;border-radius:3px}.broadcast__user{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);margin:12px 0;padding:10px 12px;font-size:13px;line-height:1.5}.broadcast__preview{color:var(--muted);margin:0 0 12px;font-size:13px}.broadcast__preview strong{color:var(--text)}.broadcast__result{border:1px solid var(--accent-border);border-radius:var(--radius-lg);background:var(--accent-soft-muted);color:var(--text);margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.45}.broadcast__result--ok{border-color:var(--accent-border);background:var(--accent-soft-muted)}.broadcast__result--error{color:#ffc0c8;background:#d35b6a1a;border-color:#d35b6a73}.broadcast__result-label{text-transform:uppercase;letter-spacing:.04em;margin-right:8px;font-size:12px;font-weight:600;display:inline-block}.traffic__modes{margin-bottom:14px}.traffic__auto-users-title{margin:18px 0 10px;font-size:15px;font-weight:600}.traffic .users-table tbody tr.js-auto-server-row,.traffic .users-table tbody tr.js-auto-user-row{cursor:pointer}.traffic__note{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--muted);margin:0 0 14px;padding:12px 14px;font-size:13px;line-height:1.45}.traffic__note code{color:var(--text);font-size:12px}.traffic__periods{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;margin-bottom:14px;padding:4px;display:flex}.traffic__period{border-radius:var(--radius);min-width:48px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 12px;font-size:13px;font-weight:600}.traffic__period:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.traffic__period--active{background:var(--accent-soft-strong);color:var(--accent)}.traffic__period:disabled{opacity:.55;cursor:wait}.traffic__error{border-radius:var(--radius-lg);color:#ffc0c8;background:#d35b6a1a;border:1px solid #d35b6a66;margin:0 0 12px;padding:10px 12px;font-size:13px}.traffic-charts{flex-direction:column;gap:16px;margin:12px 0 18px;display:flex}.traffic-charts__trend,.traffic-charts__donut,.traffic-charts__bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:14px}.traffic-charts__trend{flex-direction:column;gap:12px;min-height:320px;display:flex}.traffic-charts__trend-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.traffic-charts__eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.traffic-charts__title{color:var(--text);margin:0;font-size:15px;font-weight:600}.traffic-charts__kpis{flex-wrap:wrap;gap:8px;display:flex}.traffic-charts__kpi{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);min-width:88px;padding:8px 10px}.traffic-charts__kpi-label{color:var(--muted);font-size:11px;font-weight:600;display:block}.traffic-charts__kpi-value{color:var(--text);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px;font-weight:600;display:block}.traffic-charts__kpi--up .traffic-charts__kpi-value{color:var(--ok,#3ecf8e)}.traffic-charts__kpi--down .traffic-charts__kpi-value{color:var(--danger,#f87171)}.traffic-charts__trend-canvas{flex:1;min-height:240px;position:relative}.traffic-charts__split{grid-template-columns:minmax(240px,340px) 1fr;align-items:start;gap:16px;display:grid}.traffic-charts__donut,.traffic-charts__bar{min-height:320px}.traffic-charts__bar{flex-direction:column;gap:10px;height:auto;min-height:0;display:flex;overflow:visible}.traffic-charts__modes{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);flex-wrap:wrap;gap:6px;width:fit-content;max-width:100%;padding:4px;display:flex}.traffic-charts__bar-canvas{flex:1;min-height:260px;position:relative}.traffic__servers{flex-direction:column;gap:6px;display:flex}.traffic-row{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:1fr auto;align-items:center;gap:10px 16px;padding:10px 12px;font-size:13px;display:grid}.traffic-row--offline{background:#d35b6a0f;border-color:#d35b6a59}.traffic-row__main{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.traffic-row__region{font-family:var(--font-display);letter-spacing:.02em;font-weight:600}.traffic-row__sub{color:var(--muted);font-size:12px}.traffic-row__meta{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.traffic-row__split{color:var(--muted);font-size:12px}.traffic-row__error{color:#ffc0c8;text-align:right;font-size:12px}.payments-charts{grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 18px;display:grid}.payments-charts__bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:280px;padding:14px}.giveaway-charts{grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 18px;display:grid}.giveaway-charts__bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:260px;padding:14px}.giveaways__picker{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 14px;display:flex}.giveaways__meta{margin:0 0 14px;line-height:1.45}.giveaways__tabs{margin-bottom:12px}.giveaways__subtitle{margin:18px 0 10px;font-size:15px;font-weight:600}.giveaways__pending{color:#f0c674;font-size:12px}.giveaways__round-row--clickable{cursor:pointer}.giveaways__round-row--clickable:hover{background:#ffffff0a}.giveaways__user-row{cursor:pointer}.giveaways__user-row:hover{background:#ffffff0a}.analytics-board{grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px;display:grid}.analytics-board__col{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:12px 14px}.analytics-board__col--weak{border-left:3px solid var(--danger)}.analytics-board__col--strong{border-left:3px solid #3ecf8e}.analytics-board__title{letter-spacing:.02em;color:var(--text);margin:0 0 10px;font-size:13px;font-weight:600}.analytics-board__item{border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;margin:0 0 8px;padding:8px 10px;display:flex}.analytics-board__item:hover{border-color:#5b6f94}.analytics-board__item-title{font-size:13px;font-weight:600}.analytics-board__item-detail{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.analytics-board__empty{color:var(--muted);margin:0;font-size:12px}.analytics-verdict{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);margin:0 0 14px;padding:10px 12px;font-size:13px}.analytics-verdict--ok{border-left:3px solid #3ecf8e}.analytics-verdict--danger{border-left:3px solid var(--danger)}.analytics-verdict--muted,.analytics-verdict__movers{color:var(--muted)}.analytics-charts{grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 18px;display:grid}.analytics-charts--single{grid-template-columns:1fr}.analytics-charts__bar{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:260px;padding:14px}.analytics-charts__bar--tall{min-height:320px}.users-table__row--danger td{background:#d35b6a14}.users-table__row--warn td{background:#d4a01714}.payments__statuses{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.payments__status{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);align-items:baseline;gap:8px;padding:8px 12px;font-size:12px;display:flex}.payments__status-name{color:var(--muted);letter-spacing:.02em;font-weight:600}.payments__status-count{font-variant-numeric:tabular-nums;font-weight:600}.payments__status-sum{color:var(--muted);font-variant-numeric:tabular-nums}.payments__date-sub,.payments__user-sub{color:var(--muted);margin-top:2px;font-size:11px}.payments__payment-id{text-overflow:ellipsis;white-space:nowrap;max-width:220px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}@media (width<=980px){.panel{grid-template-columns:1fr}.panel__sidebar{border-right:0;border-bottom:1px solid var(--line)}.fleet__summary,.traffic-charts__split,.payments-charts,.giveaway-charts,.analytics-board,.analytics-charts,.traffic-row{grid-template-columns:1fr}.traffic-row__meta,.traffic-row__error{text-align:left;align-items:flex-start}}.project-switch{border-radius:var(--radius);background:var(--surface-2);padding:2px}.project-switch__btn{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:6px 10px;font-size:11px}.project-switch__btn--active{background:var(--accent-soft-strong);color:var(--accent)}.auth__backdrop{background:var(--bg);animation:none}.auth__form{border-radius:var(--radius-lg);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;max-width:380px;box-shadow:none;padding:24px 20px;animation:none}.auth__brand{letter-spacing:.08em;text-transform:uppercase;font-size:20px}.auth__input{border-radius:var(--radius);background:var(--bg);padding:10px 11px}.auth__input:focus{box-shadow:0 0 0 2px var(--accent-ring)}.panel{grid-template-columns:248px 1fr}.panel__sidebar{padding:var(--sp-4) var(--sp-2);background:var(--surface-elevated)}.panel__brand{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:14px;padding:0 6px;font-size:13px}.panel__title{letter-spacing:.1em;margin:14px 0 6px;padding:0 6px;font-size:10px}.nav-list__item{border-radius:var(--radius);background:0 0;border-color:#0000;margin-bottom:4px;padding:8px 10px}.nav-list__item:hover{background:var(--surface-2)}.nav-list__item--active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent);border-color:#0000}.panel__content{padding:16px 18px}.toolbar{border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:12px}.toolbar__title{letter-spacing:.02em;font-size:18px;font-weight:600}.toolbar__hint{font-family:var(--font-mono);font-size:11px}.action-btn,.compose-select,.users__tab,.users__search-input,.users__sort-select,.broadcast-composer__tool{border-radius:var(--radius);padding:7px 10px}.action-btn{background:var(--surface);transition:border-color .15s,background .15s,color .15s}.action-btn:hover:not(:disabled){background:var(--surface-2);transform:none}.action-btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.action-btn--primary:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2);transform:none}.fleet__summary{gap:8px;margin-bottom:12px}.fleet__stat{border-radius:var(--radius);background:var(--surface);border-left:3px solid var(--line);padding:10px 12px}.fleet__stat--ok{border-color:var(--line);border-left-color:var(--ok)}.fleet__stat--warn{border-color:var(--line);border-left-color:var(--warn)}.fleet__stat--danger{border-color:var(--line);border-left-color:var(--danger)}.fleet__stat-label{text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10px}.fleet__stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.fleet__stat-value--sm{font-size:14px}.fleet__refreshed,.users__meta,.home__note,.home__payments-note{font-family:var(--font-mono);font-size:11px}.state-pill{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.state-pill--running{border-color:color-mix(in srgb, var(--ok) 45%, transparent);background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--ok-ink)}.state-pill--warn{border-color:color-mix(in srgb, var(--warn) 50%, transparent);background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn-ink)}.state-pill--exited{border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger-ink)}.server-card,.ssl-card,.broadcast__panel,.traffic-charts__trend,.traffic-charts__donut,.traffic-charts__bar,.analytics-charts__bar,.analytics-board__col,.analytics-verdict,.payments-charts__bar,.giveaway-charts__bar,.traffic-row,.payments__status,.home__hero,.empty--panel{border-radius:var(--radius-lg);animation:none}.server-card,.ssl-card{background:var(--surface);padding:12px}.server-card__name,.ssl-card__name,.broadcast__heading,.traffic-row__region,.home__brand,.home__title,.empty__title,.home__payments-title{letter-spacing:.01em;font-weight:600}.server-card__name,.ssl-card__name{font-size:15px}.server-card__stats{font-family:var(--font-mono);gap:6px;font-size:12px}.server-card__link{color:var(--accent);font-size:12px;font-weight:600}.home__hero{background:var(--surface);border:1px solid var(--line);margin-bottom:14px;padding:16px}.home__brand{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:14px}.home__title{font-size:20px}.users__note,.broadcast__note,.payments__note,.ssl__note,.traffic__note{border-radius:var(--radius);background:var(--surface);border-left:3px solid var(--accent);padding:10px 12px}.users__tab--active,.traffic__period--active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.traffic__periods{border-radius:var(--radius);gap:2px;padding:3px}.traffic__period{border-radius:4px;padding:6px 10px;font-size:12px}.users__table-wrap{border-radius:var(--radius);border-color:var(--line);max-height:min(62vh,580px)}.users-table{border-radius:var(--radius)}.users-table th,.users-table td{padding:9px 10px;font-size:12px}.users-table th{text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);color:var(--muted);font-size:10px}.users-table tbody tr:nth-child(2n) td{background:#ffffff04}.users-table tbody tr:hover td{background:var(--accent-soft-muted)}.users-table__num{font-family:var(--font-mono);letter-spacing:0;font-size:11px}.users-table__sort--active,.users-table__sort:hover{color:var(--accent)}.broadcast__panel{padding:14px}.broadcast__heading{font-size:15px}.broadcast__textarea:focus,.users__search-input:focus,.users__sort-select:focus{box-shadow:0 0 0 2px var(--accent-soft-strong)}.broadcast__result{border-radius:var(--radius);border-left-width:3px}.ssl__dot--fresh{box-shadow:0 0 0 3px #3db87a2e}.logs__body{font-family:var(--font-mono);color:#b8c2d1;font-size:11px}.payments__payment-id{color:var(--muted)}.empty--panel{background:var(--surface);border-style:solid}@media (width<=980px){.panel{grid-template-columns:1fr}}.users-table__row{cursor:pointer}.broadcast__pending{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.broadcast__pending-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.broadcast__pending-head .broadcast__heading{margin:0}.broadcast__pending-tag{color:var(--muted);margin-top:4px;font-size:11px;display:inline-block}.broadcast__pending-tag--now{color:var(--accent)}.broadcast__pending-text{white-space:pre-wrap;word-break:break-word;max-width:min(720px,55vw);color:var(--text,#e8eef8);font-size:13px;line-height:1.45}.broadcast__pending-row{cursor:pointer}.broadcast__pending-row:hover td{background:#ffffff08}.broadcast__pending-actions{white-space:nowrap;flex-wrap:wrap;gap:8px;display:flex}.broadcast__templates{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.broadcast__templates-label{color:var(--muted,#666);font-size:13px}.broadcast__log{margin-top:24px}.broadcast__log-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.broadcast__log .broadcast__heading{margin:0}.broadcast__mass-badge{border-radius:var(--radius-pill);border:1px solid var(--accent,#5b8def);color:var(--accent,#5b8def);letter-spacing:.02em;vertical-align:middle;margin-right:6px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.modal__card--broadcast-log{width:min(640px,100%)}.broadcast__log-text{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border,#ddd);border-radius:6px;max-height:220px;margin:0 0 10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.45;overflow:auto}.broadcast__log-code{word-break:break-all;margin-left:6px;font-size:12px}.modal{z-index:40;background:#0c101673;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal__card{background:var(--surface,#fff);border:1px solid var(--border,#ddd);border-radius:var(--radius-lg);width:min(560px,100%);max-height:min(80vh,720px);padding:20px;overflow:auto}.modal__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.modal__title{margin:0;font-size:18px}.modal__subtitle{margin:16px 0 8px;font-size:14px}.modal__hint{color:var(--muted);margin:0 0 8px;font-size:12px}.modal__body p{margin:0 0 6px;font-size:14px}.online-nodes{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.online-nodes__item{color:var(--muted);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:8px 12px;padding:6px 0;font-size:12px;display:grid}.online-nodes__item--on{color:inherit}.online-nodes__item--on .online-nodes__status{color:var(--accent)}.online-nodes__name{color:inherit;font-weight:600}.online-nodes__status{text-transform:lowercase}.online-nodes__at{font-variant-numeric:tabular-nums}.modal__list{word-break:break-word;margin:0;padding-left:18px;font-size:12px}.device-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.device-list__item{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);overflow:hidden}.device-list__head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title chevron""badge chevron""meta chevron";gap:4px 10px;padding:10px 12px;display:grid}.device-list__title{grid-area:title;font-size:14px;font-weight:600}.device-list__badge{color:var(--muted);border:1px solid var(--line);border-radius:6px;grid-area:badge;justify-self:start;padding:1px 6px;font-size:11px}.device-list__badge--high{color:var(--accent);border-color:var(--accent-border)}.device-list__badge--low{color:#e0b44e;border-color:#e0b44e66}.device-list__badge--medium{color:var(--muted)}.device-list__meta{color:var(--muted);grid-area:meta;font-size:12px}.device-list__chevron{color:var(--muted);grid-area:chevron;align-self:center;font-size:14px}.device-list__versions{border-top:1px solid var(--line);margin:0;padding:0 12px 10px;list-style:none}.device-list__version{word-break:break-word;color:var(--muted);padding-top:8px;font-size:12px}.device-list__version code{color:inherit;font-size:11px}.modal__actions{gap:8px;margin-top:16px;display:flex}.audit__note{color:var(--muted,#666);margin:0 0 16px;font-size:14px}.audit__meta{word-break:break-all;font-size:11px}.modal__card{border-radius:var(--radius-lg);background:var(--surface);border-color:var(--border)}.users-table__row:hover td{background:var(--accent-soft-muted)}html.theme--light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fa;--surface:#fff;--surface-elevated:#fff;--surface-sunken:#eef2f6;--bg-glow:#fff;--surface-2:var(--surface-sunken);--ink:#1a2332;--ink-muted:#66758a;--ink-subtle:#8a97a8;--text:var(--ink);--muted:var(--ink-muted);--hairline:#e1e8f0;--hairline-strong:#d0d8e2;--line:var(--hairline);--border:var(--hairline);--accent:#1f9a86;--accent-2:#188574;--accent-ink:#fff;--accent-soft:#1f9a8624;--accent-soft-muted:#1f9a8614;--accent-soft-strong:#1f9a8638;--accent-ring:#1f9a8638;--accent-border:#1f9a8659;--danger:#d64555;--error:var(--danger);--ok:#2f9e63;--success:var(--ok);--warn:#b8860b;--warning:var(--warn);--info:#2a8ad4;--ok-ink:#1f7a4d;--danger-ink:#b83a4a;--warn-ink:#8a6508}html.theme--light .theme-switch__btn--active,html.theme--light .project-switch__btn--active{background:var(--accent-soft-strong)}html.theme--light .auth__backdrop{background:var(--bg)}html.theme--light .auth__form{box-shadow:none;background:var(--surface-elevated)}html.theme--light .auth__input:focus,html.theme--light .broadcast__textarea:focus,html.theme--light .users__search-input:focus,html.theme--light .users__sort-select:focus{box-shadow:0 0 0 2px var(--accent-ring)}html.theme--light .panel__sidebar{background:var(--surface-elevated)}html.theme--light .nav-list__item--active{background:var(--accent-soft)}html.theme--light .action-btn--primary{color:var(--accent-ink)}html.theme--light .state-pill--running{border-color:color-mix(in srgb, var(--ok) 45%, transparent);background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--ok-ink)}html.theme--light .state-pill--warn{border-color:color-mix(in srgb, var(--warn) 50%, transparent);background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--warn-ink)}html.theme--light .state-pill--exited{border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger-ink)}html.theme--light .users__tab--active,html.theme--light .traffic__period--active{background:var(--accent-soft)}html.theme--light .users-table tbody tr:nth-child(2n) td{background:#1a233205}html.theme--light .users-table tbody tr:hover td,html.theme--light .users-table__row:hover td{background:var(--accent-soft-muted)}html.theme--light .tg-preview__chat{background:linear-gradient(#eef2f6 0%,#e4eaf1 100%)}html.theme--light .tg-preview__name,html.theme--light .tg-preview__text .tg-md__link{color:#2a8ad4}html.theme--light .tg-preview__bubble{color:var(--text);background:#fff;box-shadow:0 1px 2px #1a233214}html.theme--light .tg-preview__empty{color:var(--muted)}html.theme--light .tg-preview__text .tg-md__code,html.theme--light .tg-preview__text .tg-md__pre{background:#1a23320f}html.theme--light .tg-preview__text .tg-md__spoiler{background:#1a23321f}html.theme--light .logs__body{color:#4a5568}html.theme--light .broadcast__pending-row:hover td{background:#1a233208}html.theme--light .modal{background:#1a233259}@media (width<=980px){html.theme--light .theme-switch--auth,.theme-switch--auth{top:12px;right:12px}}.nav-list__item,.action-btn,.theme-switch__btn,.project-switch__btn{min-height:36px}.nav-list__item:hover:not(:disabled):not(.nav-list__item--active){background:var(--accent-soft-muted)}.nav-list__item--active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.action-btn:disabled,.nav-list__item:disabled{opacity:.5;cursor:not-allowed}@media (width<=980px){.nav-list__item,.action-btn,.theme-switch__btn,.project-switch__btn{min-height:44px}}
