@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@400;700&display=swap");*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:clip}body{font-family:Inter,Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(1100px 600px at 92% -8%,rgba(43,168,157,.1),transparent 60%),radial-gradient(820px 520px at -8% 105%,rgba(31,132,120,.07),transparent 60%),linear-gradient(180deg,#ffffff 0,var(--bg) 100%);background-attachment:fixed;color:var(--fg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03";transition:background-color var(--dur-normal) var(--ease-out),color var(--dur-normal) var(--ease-out)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}.content{width:100%;box-sizing:border-box;padding:0 2rem 2em;margin:0 auto;text-align:center}@media (max-width:1400px){.content{padding:0 1.2rem 2em}}@media (max-width:760px){.content{padding:0 1rem 2em}}.login-gate{min-height:calc(100vh - 180px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.login-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:14px;padding:2rem 2.2rem;min-width:320px;box-shadow:0 14px 30px rgba(15,23,42,.08)}.login-title{margin:0 0 .65rem;color:#1f2937}.login-gate-text{margin:0 0 1rem;font-size:1.05rem;color:#374151}body[data-theme=dark]{background:radial-gradient(900px 520px at 88% -10%,rgba(43,168,157,.12),transparent 65%),radial-gradient(700px 460px at -10% 110%,rgba(23,110,100,.1),transparent 65%),linear-gradient(180deg,#050a14,#030712);background-attachment:fixed;color:#e5e7eb}body[data-theme=dark] .login-card{background:#111827;border-color:#374151;box-shadow:0 16px 35px rgba(0,0,0,.45)}body[data-theme=dark] .login-title{color:#f3f4f6}body[data-theme=dark] .login-gate-text{color:#cbd5e1}@keyframes spin{to{transform:rotate(1turn)}}.button-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#ffffff;border-radius:50%}.button-spinner,.list-spinner{animation:spin .8s linear infinite}.list-spinner{width:18px;height:18px;border:2px solid #dbe4ef;border-top-color:#3db29d;border-radius:50%}.btn-loading-content{display:inline-flex;gap:.5rem}.app-splash,.btn-loading-content{align-items:center;justify-content:center}.app-splash{min-height:100vh;display:flex;color:#64748b;font-size:.95rem}body[data-theme=dark] .app-splash{color:#94a3b8}:root{--brand-50:#ecf8f6;--brand-100:#d4f0eb;--brand-200:#a7e1d8;--brand-300:#74d1c2;--brand-400:#4fc3b6;--brand-500:#2ba89d;--brand-600:#1f8478;--brand-700:#176e64;--brand-800:#115a52;--accent:var(--brand-500);--accent-strong:var(--brand-600);--bg:#f4f6f8;--surface:#ffffff;--surface-2:#f4f9f8;--surface-3:#e9f3f1;--surface-elevated:#ffffff;--surface-overlay:rgba(15,42,36,0.55);--fg:#1f2a37;--fg-muted:#475569;--fg-subtle:#64748b;--fg-faint:#94a3b8;--fg-inverse:#ffffff;--border:#e2e8f0;--border-strong:#cbd5e1;--border-subtle:#eef2f6;--primary:var(--brand-600);--primary-hover:var(--brand-700);--primary-fg:#ffffff;--primary-soft:rgba(43,168,157,0.1);--primary-soft-strong:rgba(43,168,157,0.18);--primary-ring:rgba(43,168,157,0.32);--accent-soft-bg:#e6f4f2;--shadow-glow:0 0 0 1px rgba(43,168,157,0.22),0 8px 24px -6px rgba(43,168,157,0.18);--shadow-glow-soft:0 6px 22px -10px rgba(43,168,157,0.22);--header-bg:rgba(255,255,255,0.78);--header-bg-solid:#ffffff;--header-fg:var(--fg);--header-fg-muted:var(--fg-subtle);--header-border:rgba(43,168,157,0.22);--header-btn-bg:rgba(15,23,42,0.03);--header-btn-bg-hover:rgba(43,168,157,0.1);--header-btn-border:rgba(15,23,42,0.12);--header-btn-border-hover:rgba(43,168,157,0.35);--header-shadow:0 1px 0 rgba(43,168,157,0.16),0 8px 24px -16px rgba(15,23,42,0.16);--logo-glow:drop-shadow(0 0 18px rgba(43,168,157,0.35));--success:#16a34a;--success-soft:rgba(22,163,74,0.1);--success-fg:#166534;--warning:#d97706;--warning-soft:rgba(217,119,6,0.12);--warning-fg:#92400e;--danger:#dc2626;--danger-hover:#b91c1c;--danger-soft:#fef2f2;--danger-border:#fecaca;--danger-fg:#b91c1c;--info:#2563eb;--info-soft:rgba(37,99,235,0.08);--info-fg:#1e40af;--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:14px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 1px 2px rgba(15,23,42,0.05),0 1px 1px rgba(15,23,42,0.04);--shadow-md:0 1px 3px rgba(15,23,42,0.06),0 4px 14px rgba(15,23,42,0.08);--shadow-lg:0 4px 12px rgba(15,23,42,0.06),0 14px 36px rgba(15,23,42,0.1);--shadow-xl:0 8px 24px rgba(15,23,42,0.08),0 28px 60px rgba(15,23,42,0.16);--shadow-primary:inset 0 1px 0 rgba(255,255,255,0.12),0 1px 2px rgba(15,23,42,0.08);--shadow-primary-hover:inset 0 1px 0 rgba(255,255,255,0.14),0 2px 6px rgba(15,23,42,0.12);--shadow-danger:inset 0 1px 0 rgba(255,255,255,0.12),0 1px 2px rgba(15,23,42,0.08);--focus-ring:0 0 0 3px var(--primary-ring);--focus-ring-danger:0 0 0 3px rgba(220,38,38,0.28);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--dur-fast:120ms;--dur-normal:180ms;--dur-slow:280ms;--h-sm:30px;--h-md:38px;--h-lg:44px}body[data-theme=dark]{--bg:#030712;--surface:#111827;--surface-2:#0f172a;--surface-3:#1f2937;--surface-elevated:#1e293b;--surface-overlay:rgba(0,0,0,0.72);--fg:#e5e7eb;--fg-muted:#cbd5e1;--fg-subtle:#94a3b8;--fg-faint:#64748b;--fg-inverse:#0f172a;--border:#1f2937;--border-strong:#334155;--border-subtle:#1f2937;--primary:var(--brand-400);--primary-hover:var(--brand-300);--primary-fg:#052e2b;--primary-soft:rgba(79,195,182,0.1);--primary-soft-strong:rgba(79,195,182,0.2);--primary-ring:rgba(79,195,182,0.35);--accent:var(--brand-300);--accent-strong:var(--brand-400);--accent-soft-bg:rgba(43,168,157,0.14);--shadow-glow:0 0 0 1px rgba(79,195,182,0.28),0 6px 18px -6px rgba(43,168,157,0.32);--shadow-glow-soft:0 4px 14px -8px rgba(43,168,157,0.32);--header-bg:rgba(15,23,42,0.86);--header-bg-solid:#0f172a;--header-fg:#f8fafc;--header-fg-muted:#cbd5e1;--header-border:rgba(79,195,182,0.28);--header-btn-bg:rgba(255,255,255,0.04);--header-btn-bg-hover:rgba(79,195,182,0.14);--header-btn-border:rgba(255,255,255,0.16);--header-btn-border-hover:rgba(79,195,182,0.4);--header-shadow:0 1px 0 rgba(79,195,182,0.18),0 8px 24px -16px rgba(0,0,0,0.5);--logo-glow:drop-shadow(0 0 22px rgba(79,195,182,0.45));--success:#4ade80;--success-soft:rgba(34,197,94,0.14);--success-fg:#86efac;--warning:#f59e0b;--warning-soft:rgba(217,119,6,0.18);--warning-fg:#fcd34d;--danger:#f87171;--danger-hover:#ef4444;--danger-soft:rgba(127,29,29,0.4);--danger-border:#7f1d1d;--danger-fg:#fca5a5;--info:#60a5fa;--info-soft:rgba(37,99,235,0.18);--info-fg:#93c5fd;--shadow-xs:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 1px 3px rgba(0,0,0,0.4),0 4px 14px rgba(0,0,0,0.45);--shadow-lg:0 4px 12px rgba(0,0,0,0.45),0 14px 36px rgba(0,0,0,0.55);--shadow-xl:0 8px 24px rgba(0,0,0,0.55),0 28px 60px rgba(0,0,0,0.7);--shadow-primary:inset 0 1px 0 rgba(255,255,255,0.06),0 1px 2px rgba(0,0,0,0.4);--shadow-primary-hover:inset 0 1px 0 rgba(255,255,255,0.08),0 2px 6px rgba(0,0,0,0.5);--shadow-danger:inset 0 1px 0 rgba(255,255,255,0.05),0 1px 2px rgba(0,0,0,0.4)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-normal:0ms;--dur-slow:0ms}}.btn,:where(.home-search-btn,.home-btn-mini,.clients-btn,.clients-btn-mini,.top-nav-button,.lang-toggle-button,.home-modal-close,.clients-modal-close){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:var(--h-md);padding:0 1rem;border:1px solid transparent;border-radius:var(--radius);font-family:inherit;font-weight:600;font-size:.92rem;line-height:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:focus-visible,:where(.home-search-btn,.home-btn-mini,.clients-btn,.clients-btn-mini,.top-nav-button,.lang-toggle-button):focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled,:where(.home-btn-mini,.clients-btn,.home-search-btn):disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-sm,:where(.home-btn-mini,.clients-btn-mini){height:var(--h-sm);padding:0 .75rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{height:var(--h-lg);padding:0 1.4rem;font-size:1rem}.btn-primary,:where(.home-search-btn,.clients-btn-primary){background:var(--primary);color:var(--primary-fg);border-color:var(--primary);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled),:where(.home-search-btn,.clients-btn-primary):hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-primary-hover)}.btn-primary:active:not(:disabled),:where(.home-search-btn,.clients-btn-primary):active:not(:disabled){background:var(--primary-hover);box-shadow:inset 0 1px 2px rgba(0,0,0,.12)}.btn-secondary,:where(.home-btn-mini,.clients-btn-secondary,.clients-btn-mini,.home-modal-close){background:var(--surface);color:var(--fg);border-color:var(--border-strong);box-shadow:none}.btn-secondary:hover:not(:disabled),:where(.home-btn-mini,.clients-btn-secondary,.clients-btn-mini,.home-modal-close):hover:not(:disabled){background:var(--surface-2);border-color:var(--fg-faint);color:var(--fg)}.btn-secondary:active:not(:disabled),:where(.home-btn-mini,.clients-btn-secondary,.clients-btn-mini,.home-modal-close):active:not(:disabled){background:var(--surface-3)}.btn-ghost,.clients-modal-close{background:transparent;color:var(--fg-muted);border-color:transparent;box-shadow:none}.btn-ghost:hover:not(:disabled),.clients-modal-close:hover{background:var(--surface-2);color:var(--fg)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary);box-shadow:none}.btn-outline:hover:not(:disabled){background:var(--primary-soft)}.btn-destructive,.clients-btn-danger{background:var(--surface);color:var(--danger-fg);border-color:var(--danger-border);box-shadow:none}.btn-destructive:hover:not(:disabled),.clients-btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger-hover)}.btn-destructive:focus-visible,.clients-btn-danger:focus-visible{box-shadow:var(--focus-ring-danger)}:where(.top-nav-button,.lang-toggle-button){background:var(--header-btn-bg);color:var(--header-fg);border-color:var(--header-btn-border);box-shadow:none}:where(.top-nav-button,.lang-toggle-button):hover:not(:disabled){background:var(--header-btn-bg-hover);border-color:var(--header-btn-border-hover);color:var(--header-fg)}.top-nav-active{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--primary-fg)!important;box-shadow:var(--shadow-primary)!important}.top-nav-active:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.input,:where(.home-select,.home-search-input,.clients-input,.home-sort-select){height:var(--h-md);padding:0 .85rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--fg);font-family:inherit;font-size:.93rem;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}:where(.home-select,.home-search-input,.clients-input)::placeholder{color:var(--fg-faint)}:where(.input,.home-select,.home-search-input,.clients-input,.home-sort-select):hover:not(:focus):not(:disabled){border-color:var(--fg-faint)}:where(.input,.home-select,.home-search-input,.clients-input,.home-sort-select):focus,:where(.input,.home-select,.home-search-input,.clients-input,.home-sort-select):focus-visible{outline:none;border-color:var(--primary);box-shadow:var(--focus-ring)}:where(.input,.clients-input):disabled{opacity:.6;cursor:not-allowed;background:var(--surface-2)}.home-sort-select{height:32px;font-size:.82rem;padding:0 .5rem;border-radius:var(--radius-sm)}.card,:where(.home-card,.clients-card,.login-card){position:relative;isolation:isolate;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);-webkit-clip-path:inset(0 round var(--radius-xl));clip-path:inset(0 round var(--radius-xl))}.card:before,:where(.home-card,.clients-card,.login-card):before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(43,168,157,.06),transparent 55%);pointer-events:none;z-index:0}.card:after,:where(.home-card,.clients-card,.login-card):after{content:"";position:absolute;top:-64px;right:-64px;width:240px;height:240px;border-radius:9999px;background:rgba(43,168,157,.16);filter:blur(56px);pointer-events:none;z-index:0}.card>*,:where(.home-card,.clients-card,.login-card)>*{position:relative;z-index:1}body[data-theme=dark] .card:before,body[data-theme=dark] :where(.home-card,.clients-card,.login-card):before{background:linear-gradient(135deg,rgba(79,195,182,.05),transparent 55%)}body[data-theme=dark] .card:after,body[data-theme=dark] :where(.home-card,.clients-card,.login-card):after{background:rgba(43,168,157,.14);filter:blur(64px)}.surface-2{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg)}.badge,:where(.clients-badge,.home-badge){display:inline-flex;align-items:center;gap:.3rem;padding:2px 9px;border-radius:var(--radius-pill);border:1px solid transparent;font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.badge-success,.clients-badge-ok{background:var(--success-soft);color:var(--success-fg);border-color:rgba(34,197,94,.3)}.badge-muted,.clients-badge-muted{background:var(--surface-3);color:var(--fg-subtle);border-color:var(--border)}.badge-warning{background:var(--warning-soft);color:var(--warning-fg);border-color:rgba(217,119,6,.32)}.badge-info{background:var(--info-soft);color:var(--info-fg);border-color:rgba(37,99,235,.3)}.badge-danger{background:var(--danger-soft);color:var(--danger-fg);border-color:var(--danger-border)}.home-toggle-track{background:var(--border-strong);transition:background-color var(--dur-fast) var(--ease-out)}.home-toggle-thumb{background:var(--surface);box-shadow:0 1px 3px rgba(15,23,42,.18)}.home-toggle input:checked+.home-toggle-track{background:var(--primary)}.home-toggle input:focus-visible+.home-toggle-track{box-shadow:var(--focus-ring)}.home-toggle{color:var(--fg-muted)}:where(.home-modal-overlay,.clients-modal-overlay){background:var(--surface-overlay);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}:where(.home-modal,.clients-modal){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}body[data-theme=dark] :where(.home-modal,.clients-modal){border-color:var(--border-strong);box-shadow:var(--shadow-xl),0 0 0 1px rgba(148,163,184,.06)}:where(.home-table thead th,.clients-table th){color:var(--fg-subtle);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);border-bottom:1px solid var(--border)}:where(.home-table tbody tr,.clients-table tbody tr){transition:background-color var(--dur-fast) var(--ease-out)}:where(.home-table tbody tr:hover,.clients-table tbody tr:hover){background:var(--primary-soft)}body[data-theme=dark] :where(.home-table thead th,.clients-table th){background:linear-gradient(180deg,rgba(43,168,157,.04),var(--surface-3))}:where(.home-index-hint code,.clients-cell-index,.home-cell-call-id){background:var(--surface-3);border:1px solid var(--border);color:var(--fg-muted)}::selection{background:var(--primary-soft-strong);color:var(--fg)}.app-tooltip{position:fixed;z-index:9999;width:max-content;max-width:min(280px,calc(100vw - 16px));padding:.38rem .7rem;background:#1e293b;color:#f1f5f9;border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);font-size:.76rem;font-weight:450;line-height:1.5;white-space:normal;overflow-wrap:anywhere;box-shadow:0 6px 24px rgba(0,0,0,.3),0 1px 5px rgba(0,0,0,.18);pointer-events:none;will-change:opacity,transform}.app-tooltip--top{animation:app-tip-top .14s var(--ease-out) both}.app-tooltip--bottom{animation:app-tip-bottom .14s var(--ease-out) both}@keyframes app-tip-top{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes app-tip-bottom{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.app-tooltip:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border:5px solid transparent;pointer-events:none}.app-tooltip--top:after{bottom:-10px;border-top-color:#1e293b}.app-tooltip--bottom:after{top:-10px;border-bottom-color:#1e293b}body[data-theme=dark] .app-tooltip{background:#0d1526;border-color:rgba(255,255,255,.13);box-shadow:0 6px 24px rgba(0,0,0,.55),0 1px 5px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}body[data-theme=dark] .app-tooltip--top:after{border-top-color:#0d1526}body[data-theme=dark] .app-tooltip--bottom:after{border-bottom-color:#0d1526}.demo-blur{filter:blur(2.5px);opacity:.75;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;border-radius:3px;transition:filter var(--dur-fast) var(--ease-out)}.env-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);display:flex;align-items:center;justify-content:center;animation:env-overlay-in var(--dur-normal) var(--ease-out)}@keyframes env-overlay-in{0%{opacity:0}to{opacity:1}}.env-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 32px 80px rgba(0,0,0,.22),0 8px 24px rgba(0,0,0,.12);width:min(480px,94vw);display:flex;flex-direction:column;overflow:hidden;animation:env-modal-in var(--dur-normal) var(--ease-out)}@keyframes env-modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}body[data-theme=dark] .env-modal{box-shadow:0 32px 80px rgba(0,0,0,.55),0 8px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}.env-modal__header{padding:1.75rem 2rem 0;display:flex;flex-direction:column;gap:.35rem}.env-modal__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--primary)}.env-modal__title{font-size:1.25rem;font-weight:700;color:var(--fg);line-height:1.3;margin:0}.env-modal__subtitle{font-size:.85rem;color:var(--fg-muted);margin:.25rem 0 0;line-height:1.5}.env-modal__choices{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;padding:1.5rem 2rem 2rem}.env-modal__choice{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.env-modal__choice:hover{border-color:var(--border-strong);background:var(--surface);box-shadow:var(--shadow-sm)}.env-modal__choice:focus-visible{outline:none;box-shadow:var(--focus-ring)}.env-modal__choice--prod:hover{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.env-modal__choice--demo:hover{border-color:var(--warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 20%,transparent)}.env-modal__choice-icon{width:36px;height:36px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.env-modal__choice--prod .env-modal__choice-icon{background:var(--primary-soft);color:var(--primary)}.env-modal__choice--demo .env-modal__choice-icon{background:var(--warning-soft);color:var(--warning)}.env-modal__choice-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.env-modal__choice-label{font-size:.9rem;font-weight:700;color:var(--fg);line-height:1}.env-modal__choice-desc{font-size:.77rem;color:var(--fg-muted);line-height:1.45}.home-demo-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;background:var(--warning-soft);border:1px solid var(--warning);border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;color:var(--warning-fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:root{--page-max-width:1280px;--page-max-width-wide:1700px}.page-wide .clients-card{max-width:var(--page-max-width-wide)}.header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(max-content,1fr);align-items:center;grid-column-gap:1rem;column-gap:1rem;padding:1rem 2rem;background-color:var(--header-bg);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--header-border);box-shadow:var(--header-shadow);color:var(--header-fg);min-height:60px;height:auto;margin-bottom:2em;position:-webkit-sticky;position:sticky;top:0;z-index:50}.logo-container{display:flex;align-items:center;width:100%;min-width:0;cursor:pointer}.logo-text{padding-left:10px;display:flex;flex-direction:column;min-width:0;margin:0}.logo-text_name{font-size:clamp(1.1rem,2vw,1.75rem);color:var(--header-fg);line-height:1.05}.logo-text_name,.logo-text_slogan{font-family:Montserrat,sans-serif;margin:0}.logo-text_slogan{font-size:12px;color:var(--header-fg-muted);line-height:1.2}.logo{height:60px;width:auto;filter:var(--logo-glow)}.header-center-nav{display:flex;align-items:center;justify-content:center;gap:.6rem;justify-self:center;white-space:nowrap;gap:.35rem}.header-center-nav .top-nav-button{display:inline-flex;align-items:center;gap:.4rem;height:auto;padding:8px 6px;font-size:1rem;background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;color:var(--header-fg);opacity:.62;transition:opacity var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.header-center-nav .top-nav-button:hover:not(:disabled){background:transparent;border-color:transparent;border-bottom-color:var(--header-btn-border-hover,rgba(255,255,255,.35));color:var(--header-fg);opacity:1}.header-center-nav .top-nav-active,.header-center-nav .top-nav-active:hover{background:transparent!important;border:none!important;border-bottom:2px solid var(--primary)!important;border-radius:0!important;box-shadow:none!important;color:var(--header-fg)!important;opacity:1}.top-nav-group{display:inline-flex;align-items:center;gap:.5rem;margin:0 .15rem 0 .35rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.top-nav-divider{width:1px;height:18px;background:var(--header-btn-border,rgba(255,255,255,.2))}.top-nav-group-label{font-size:.64rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--header-fg);opacity:.45}.admin-menu{position:relative;display:inline-flex;align-items:center;margin-left:.35rem}.admin-menu:before{content:"";width:1px;height:18px;margin-right:.5rem;background:var(--header-btn-border,rgba(255,255,255,.2))}.admin-menu-trigger{cursor:pointer}.admin-menu-trigger[aria-expanded=true]{opacity:1}.admin-menu-caret{margin-left:.1rem;opacity:.8;transition:transform var(--dur-fast) var(--ease-out)}.admin-menu-caret--open{transform:rotate(180deg)}.admin-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:210px;display:flex;flex-direction:column;gap:1px;padding:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;animation:admin-dropdown-in var(--dur-fast) var(--ease-out)}@keyframes admin-dropdown-in{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.admin-dropdown-item{display:flex;align-items:center;width:100%;padding:.5rem .7rem;background:transparent;border:none;border-radius:var(--radius);font-size:.92rem;text-align:left;white-space:nowrap;color:var(--fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.admin-dropdown-item:hover{background:var(--surface-2)}.admin-dropdown-item--active{font-weight:600;color:var(--primary);background:var(--surface-2)}.header-right{min-width:56px;justify-content:flex-end;justify-self:end}.header-right,.header-right-controls{display:flex;align-items:center;gap:.75rem}.lang-toggle-button{min-width:52px}.env-toggle{display:inline-flex;align-items:center;background:var(--header-btn-bg);border:1px solid var(--header-btn-border);padding:3px;gap:2px}.env-toggle,.env-toggle-btn{border-radius:var(--radius-pill)}.env-toggle-btn{padding:0 .7rem;height:26px;border:none;background:transparent;color:var(--header-fg);font-size:.68rem;font-weight:700;letter-spacing:.07em;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);opacity:.55;white-space:nowrap}.env-toggle-btn:hover{opacity:.85;background:rgba(255,255,255,.08)}.env-toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--primary)}.env-toggle-btn--prod{background:rgba(255,255,255,.14);color:var(--header-fg);opacity:1}.env-toggle-btn--demo{background:#b45309;color:#fff;opacity:1}body[data-theme=dark] .env-toggle-btn--prod{background:rgba(255,255,255,.18)}body[data-theme=dark] .env-toggle-btn--demo{background:#92400e}.theme-toggle-button{width:var(--h-md);height:var(--h-md);border-radius:var(--radius);border:1px solid var(--header-btn-border);background:var(--header-btn-bg);color:var(--header-fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform .15s ease,background-color .2s,border-color .2s}.theme-toggle-button:hover{background:var(--header-btn-bg-hover);border-color:var(--header-btn-border-hover);transform:translateY(-1px)}.theme-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:0;color:var(--header-fg)}.theme-icon svg{width:18px;height:18px;display:block}.user-menu{position:relative}.user-avatar-button{width:var(--h-md);height:var(--h-md);border-radius:var(--radius);border:1px solid var(--header-btn-border);background:var(--header-btn-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;padding:0}.user-avatar-button:hover{background:var(--header-btn-bg-hover);border-color:var(--header-btn-border-hover)}.user-avatar-icon{width:24px;height:24px;fill:var(--header-fg);display:block}.user-name{font-size:16px;font-weight:700;color:var(--fg)}.user-email{font-size:14px;color:var(--fg-muted)}.user-roles{font-size:12px;color:var(--fg-subtle)}.user-dropdown{position:absolute;right:0;top:48px;min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:.75rem;z-index:1000;text-align:left}.header-login-action{margin-top:.7rem}.header-login-action .auth-container .login-button,.header-login-action .auth-container .logout-button{width:100%}.burger-button{width:42px;height:42px;border-radius:8px;border:1px solid var(--header-btn-border);background:var(--header-btn-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.burger-button:hover{background:var(--header-btn-bg-hover);border-color:var(--header-btn-border-hover)}.burger-icon{display:flex;flex-direction:column;gap:4px;width:20px}.burger-icon span{display:block;height:2px;width:100%;background:var(--header-fg);border-radius:1px;transition:transform .2s,opacity .2s}.burger-icon-open span:first-child{transform:translateY(6px) rotate(45deg)}.burger-icon-open span:nth-child(2){opacity:0}.burger-icon-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-menu{grid-column:1/-1;display:flex;flex-direction:column;gap:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);animation:mobile-slide-in .2s ease}@keyframes mobile-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:flex;flex-direction:column;gap:.4rem}.mobile-nav .top-nav-button{display:inline-flex;align-items:center;gap:.45rem;justify-content:flex-start;width:100%;text-align:left;font-size:.95rem;padding:10px 14px;background:transparent;border:none;border-left:3px solid transparent;border-radius:0;box-shadow:none;color:var(--header-fg);opacity:.7}.mobile-nav .top-nav-button:hover:not(:disabled){background:var(--header-btn-bg-hover,rgba(255,255,255,.06));border-color:transparent;border-left-color:var(--header-btn-border-hover,rgba(255,255,255,.35));opacity:1}.mobile-nav .top-nav-active,.mobile-nav .top-nav-active:hover{background:transparent!important;border:none!important;border-left:3px solid var(--primary)!important;border-radius:0!important;box-shadow:none!important;color:var(--header-fg)!important;opacity:1}.mobile-nav .top-nav-group{display:flex;align-items:center;gap:.5rem;width:100%;margin:.35rem 0 .1rem;padding:.4rem 14px 0;border-top:1px solid var(--header-btn-border,rgba(255,255,255,.18))}.mobile-nav .top-nav-divider{display:none}.mobile-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding-bottom:.25rem}.mobile-controls .env-toggle-btn{height:32px;padding:0 .85rem;font-size:.72rem}.mobile-controls-spacer{flex:1 1}.mobile-controls .theme-toggle-button{width:40px;height:40px}.mobile-only{display:none}.desktop-only{display:flex}@media (max-width:1400px){.header{padding:1rem 1.2rem}.logo-container{width:60px;min-width:60px}.logo-text{display:none}}@media (max-width:1000px){.header{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem 1rem}.logo-container{width:auto;min-width:0;flex:0 0 auto}.logo{height:42px}.logo-text{display:none}.desktop-only{display:none!important}.mobile-only{display:flex!important}.header-right{flex:1 1;justify-content:flex-end;gap:.45rem}.burger-button,.user-avatar-button{width:38px;height:38px}.mobile-menu{width:100%;flex-basis:100%}.mobile-controls .user-dropdown{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);min-width:280px;z-index:1100}}body[data-theme=dark] .mobile-menu{border-top-color:rgba(255,255,255,.05)}.health-indicator{display:inline-flex;align-items:center;gap:.35rem;padding:0 12px;border-radius:var(--radius);border:1px solid var(--header-btn-border);background:var(--header-btn-bg);color:var(--header-fg);cursor:default;height:var(--h-md)}.health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.health-ms{font-size:.72rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;min-width:34px}.health-ms-flash{animation:health-flash .6s ease-out}@keyframes health-flash{0%{opacity:.4;filter:brightness(1.8)}to{opacity:1;filter:brightness(1)}}.health-up .health-dot{background:#15803d;box-shadow:0 0 6px rgba(21,128,61,.55);animation:health-pulse-green 3s ease-in-out infinite}.health-up .health-ms{color:#15803d}body[data-theme=dark] .health-up .health-dot{background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.6)}body[data-theme=dark] .health-up .health-ms{color:#86efac}.health-down .health-dot{background:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.6);animation:health-pulse-red 1.2s ease-in-out infinite}.health-unknown .health-dot{background:#94a3b8;animation:health-pulse-grey 2s ease-in-out infinite}@keyframes health-pulse-green{0%,to{box-shadow:0 0 4px rgba(34,197,94,.4)}50%{box-shadow:0 0 10px rgba(34,197,94,.8)}}@keyframes health-pulse-red{0%,to{opacity:1;box-shadow:0 0 4px rgba(239,68,68,.4)}50%{opacity:.35;box-shadow:0 0 10px rgba(239,68,68,.8)}}@keyframes health-pulse-grey{0%,to{opacity:.5}50%{opacity:1}}.login-button,.logout-button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;font-weight:700;transition:background-color .25s}.login-button{background-color:#3db29d;color:white}.login-button:hover{background-color:#38a18e}.logout-button{background-color:#dc3545;color:white}.logout-button:hover{background-color:#c82333}body[data-theme=dark] .login-button{background-color:#10b981;color:#052e2b}body[data-theme=dark] .login-button:hover{background-color:#34d399}.eb-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#f8fafc}.eb-card{max-width:480px;text-align:center;padding:2.5rem 2rem;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,.06)}.eb-icon{width:56px;height:56px;margin:0 auto 1.2rem;border-radius:50%;background:#fee2e2;color:#dc2626;font-size:1.6rem;font-weight:700;display:flex;align-items:center;justify-content:center}.eb-title{margin:0 0 .75rem;font-size:1.25rem;color:#1e293b}.eb-text{margin:0 0 1.25rem;color:#64748b;font-size:.92rem;line-height:1.5}.eb-detail{margin:0 0 1.25rem;padding:.6rem .8rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:.78rem;color:#94a3b8;text-align:left;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.eb-actions{display:flex;gap:.75rem;justify-content:center}.eb-btn{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:background .15s}.eb-btn-primary{background:#3db29d;color:#fff}.eb-btn-primary:hover{background:#38a18e}.eb-btn-secondary{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.eb-btn-secondary:hover{background:#e2e8f0}body[data-theme=dark] .eb-container{background:#0f172a}body[data-theme=dark] .eb-card{background:#1e293b;border-color:#334155;box-shadow:0 8px 24px rgba(0,0,0,.3)}body[data-theme=dark] .eb-icon{background:#451a1a;color:#f87171}body[data-theme=dark] .eb-title{color:#f1f5f9}body[data-theme=dark] .eb-text{color:#94a3b8}body[data-theme=dark] .eb-detail{background:#0f172a;border-color:#334155;color:#64748b}body[data-theme=dark] .eb-btn-secondary{background:#334155;color:#cbd5e1;border-color:#475569}body[data-theme=dark] .eb-btn-secondary:hover{background:#475569}.sup-header{align-items:flex-start;justify-content:space-between;gap:1rem}.sup-header,.sup-toolbar{display:flex;flex-wrap:wrap}.sup-toolbar{align-items:center;gap:.75rem}.sup-live{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600}.sup-live-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.sup-live--on{color:#16a34a}.sup-live--on .sup-live-dot{animation:sup-pulse 1.6s ease-in-out infinite}.sup-live--off{color:var(--fg-subtle)}@keyframes sup-pulse{0%,to{opacity:1}50%{opacity:.3}}.sup-updated{font-size:.78rem;color:var(--fg-subtle)}.sup-loading,.sup-muted{color:var(--fg-subtle);font-size:.85rem}.sup-muted{margin:.4rem 0 0}.sup-alerts{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.sup-alert{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;border:1px solid transparent}.sup-alert--error{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.35);color:#b91c1c}.sup-alert--warn{background:rgba(217,119,6,.1);border-color:rgba(217,119,6,.35);color:#b45309}.sup-section--hero{margin-top:1.25rem;padding-top:0;border-top:none}.sup-ph{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;grid-gap:.75rem;gap:.75rem}@media (max-width:720px){.sup-ph{grid-template-columns:1fr}.sup-ph-arrow{transform:rotate(90deg)}}.sup-ph-stage{border:1px solid var(--border-subtle);border-left-width:4px;border-radius:var(--radius-md);background:var(--surface-1,transparent);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.85rem}.sup-ph-stage-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sup-ph-stage-name{font-weight:700;font-size:.95rem;color:var(--fg-default)}.sup-ph-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700}.sup-ph-status-dot{width:9px;height:9px;border-radius:50%;background:currentColor}.sup-ph-stage-body{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.sup-ph-queue{display:flex;flex-direction:column}.sup-ph-queue-value{font-size:2rem;font-weight:800;line-height:1;color:var(--fg-default)}.sup-ph-queue-label{font-size:.74rem;color:var(--fg-subtle);margin-top:.2rem}.sup-ph-last{display:flex;flex-direction:column;text-align:right}.sup-ph-last-label{font-size:.72rem;color:var(--fg-subtle)}.sup-ph-last-value{font-size:.92rem;font-weight:600;color:var(--fg-default)}.sup-ph-failed{align-self:flex-start;font-size:.74rem;font-weight:600;color:#b91c1c;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);padding:.15rem .55rem;border-radius:999px}.sup-ph-arrow{display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--fg-subtle)}.sup-ph--ok{border-left-color:#16a34a}.sup-ph--ok .sup-ph-status{color:#16a34a}.sup-ph--stalled{border-left-color:#dc2626;background:rgba(220,38,38,.04)}.sup-ph--stalled .sup-ph-status{color:#b91c1c}.sup-ph--stalled .sup-ph-status-dot{animation:sup-pulse 1.4s ease-in-out infinite}.sup-ph--idle{border-left-color:var(--fg-subtle)}.sup-ph--idle .sup-ph-status{color:var(--fg-subtle)}.sup-ph--unknown{border-left-color:var(--border-subtle)}.sup-ph--unknown .sup-ph-status{color:var(--fg-subtle)}.sup-section{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle)}.sup-section-title{margin:0 0 .9rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-subtle);font-weight:700}.sup-health-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem}.sup-health{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1,transparent)}.sup-health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sup-health--up .sup-health-dot{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}.sup-health--down .sup-health-dot{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.15)}.sup-health--idle .sup-health-dot{background:var(--fg-subtle)}.sup-health-body{display:flex;flex-direction:column;min-width:0}.sup-health-label{font-weight:600;font-size:.88rem;color:var(--fg-default)}.sup-health-detail{font-size:.74rem;color:var(--fg-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sup-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem}.sup-stat{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1,transparent)}.sup-stat-value{font-size:1.6rem;font-weight:700;line-height:1.1;color:var(--fg-default)}.sup-stat-label{font-size:.76rem;color:var(--fg-subtle)}.sup-stat-hint{font-size:.72rem;color:var(--fg-subtle)}.sup-stat--warn .sup-stat-value{color:#b45309}.sup-stat--danger .sup-stat-value{color:#b91c1c}.sup-stat--ok .sup-stat-value{color:var(--fg-default)}.sup-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin-top:.75rem}@media (max-width:820px){.sup-grid-2{grid-template-columns:1fr}}.sup-panel{padding:.9rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1,transparent);margin-top:.75rem}.sup-grid-2 .sup-panel{margin-top:0}.sup-panel-title{margin:0 0 .6rem;font-size:.82rem;font-weight:600;color:var(--fg-default)}.sup-spark{display:flex;align-items:flex-end;gap:2px;height:60px}.sup-spark-bar{flex:1 1 auto;min-width:2px;background:var(--accent,#6366f1);border-radius:2px 2px 0 0;opacity:.8}.sup-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.sup-list-row{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--fg-default)}.sup-list-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem}.sup-list-count{font-weight:700;color:var(--fg-default)}.sup-list-meta{font-size:.76rem;color:var(--fg-subtle)}.sup-chips{display:flex;flex-wrap:wrap;gap:.4rem}.sup-chip{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.74rem;background:var(--surface-2,rgba(127,127,127,.1));color:var(--fg-default);border:1px solid var(--border-subtle)}.sup-chip--danger{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.3);color:#b91c1c}.sup-clients{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:.9rem;gap:.9rem}.sup-client{display:flex;flex-direction:column;gap:.6rem;padding:1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1,transparent)}.sup-client-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.sup-client-name{font-weight:700;font-size:1rem;color:var(--fg-default)}.sup-client-count{font-size:.78rem;color:var(--fg-subtle)}.sup-client-metrics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.5rem;gap:.5rem}.sup-metric{display:flex;flex-direction:column;gap:.2rem}.sup-metric-label{font-size:.72rem;color:var(--fg-subtle)}.sup-metric-val{font-size:.9rem;font-weight:600;color:var(--fg-default)}.sup-topissues-label{font-size:.74rem;color:var(--fg-subtle);display:block;margin-bottom:.3rem}.sup-client-foot{font-size:.72rem;color:var(--fg-subtle);border-top:1px solid var(--border-subtle);padding-top:.5rem}