:root{--stx-primary: #21bccf;--stx-primary-hover: #1da9bb;--stx-dark: #181818;--stx-surface: #202020;--stx-surface-raised: #262626;--stx-ink: #ffffff;--stx-muted: rgba(255, 255, 255, .55);--stx-muted-strong: rgba(255, 255, 255, .78);--stx-paper: #181818;--stx-panel: rgba(32, 32, 32, .92);--stx-line: rgba(255, 255, 255, .1);--stx-accent: #21bccf;--stx-accent-2: #54a2ff;--stx-warn: #fcbb00;--stx-danger: #e6002e;--stx-ok: #11cc55;--stx-font: "Roboto", ui-sans-serif, system-ui, sans-serif;--stx-display: "Roboto", ui-sans-serif, system-ui, sans-serif;--stx-shadow: 0 18px 48px rgba(0, 0, 0, .35);--stx-topbar-h: 4.25rem;--stx-page-pad: clamp(1rem, 3vw, 1.5rem);--stx-touch: 44px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%}body{margin:0;color:var(--stx-ink);font-family:var(--stx-font);background:var(--stx-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}img.brand-mark{max-width:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}.app-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;width:100%;overflow-x:clip}.app-shell--auth{grid-template-rows:auto 1fr}.app-shell--auth .main{display:flex;flex-direction:column;min-height:0}.topbar{border-bottom:1px solid var(--stx-line);background:var(--stx-dark);position:sticky;top:0;z-index:50}.topbar-inner{width:100%;min-height:var(--stx-topbar-h);padding:.65rem var(--stx-page-pad);padding-left:max(var(--stx-page-pad),env(safe-area-inset-left));padding-right:max(var(--stx-page-pad),env(safe-area-inset-right));display:flex;align-items:center;justify-content:flex-start;gap:.75rem 1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;min-width:0;color:var(--stx-ink);flex-shrink:0}.brand-mark{display:block;flex-shrink:0;object-fit:contain;width:32px;height:32px}.brand-footer .brand-mark{width:28px;height:28px}.brand-hero .brand-mark{width:64px;height:64px}.brand-wordmark{display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:#fff;white-space:nowrap}.brand-footer .brand-wordmark{font-size:1.05rem}.brand-hero{gap:.85rem}.brand-hero .brand-wordmark{font-size:clamp(1.65rem,4.5vw,2.15rem)}.topbar-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end;min-width:0;margin-left:auto}.topbar-actions select{background:var(--stx-surface);border:1px solid var(--stx-line);border-radius:8px;min-height:var(--stx-touch);padding:.45rem .7rem;color:var(--stx-ink);max-width:min(16rem,52vw)}.user-chip{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.nav-links{display:flex;align-items:center;gap:.35rem 1.1rem;flex-wrap:wrap;margin-left:.75rem;min-width:0}.nav-links a{color:#ffffff73;font-size:.875rem;font-weight:500;min-height:var(--stx-touch);display:inline-flex;align-items:center;padding:.25rem .15rem;transition:color .15s ease}.nav-links a.active,.nav-links a:hover{color:#ffffffe6}.main{width:min(1120px,100%);margin:0 auto;padding:1.25rem var(--stx-page-pad) 3rem;padding-left:max(var(--stx-page-pad),env(safe-area-inset-left));padding-right:max(var(--stx-page-pad),env(safe-area-inset-right));min-width:0}.main:has(.login-stage){width:100%;max-width:none;margin:0;padding:0;flex:1;min-height:0}.site-footer{border-top:1px solid var(--stx-line);background:#121212;padding:1.35rem var(--stx-page-pad) calc(1.75rem + env(safe-area-inset-bottom));padding-left:max(var(--stx-page-pad),env(safe-area-inset-left));padding-right:max(var(--stx-page-pad),env(safe-area-inset-right))}.site-footer-inner{width:min(1120px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-footer-meta{color:#ffffff73;font-size:.82rem;margin:0;line-height:1.45;max-width:36rem}.site-footer-meta a{color:#ffffffb3;transition:color .15s ease}.site-footer-meta a:hover{color:#fff}.page-stack{display:grid;gap:1rem;min-width:0}.hero{padding:.35rem 0;animation:rise .55s ease both}.hero h1{font-family:var(--stx-display);font-size:clamp(1.75rem,4.5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin:.3rem 0 .55rem;max-width:22ch;color:#fff;overflow-wrap:anywhere}.hero p{margin:0;max-width:52ch;color:var(--stx-muted-strong);font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.55}.hero .eyebrow,.hero>.muted:first-child{color:var(--stx-primary);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.panel-head h2{margin:0}.form-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.form-row .field.grow{flex:1 1 14rem;min-width:0}.form-row-action{flex:0 0 auto}.feedback{margin:.85rem 0 0}.callout{border-radius:12px;border:1px solid var(--stx-line);padding:.95rem 1.1rem;background:#ffffff08}.callout strong{display:block;margin-bottom:.3rem;font-size:.95rem}.callout p{margin:0;color:var(--stx-muted-strong);font-size:.9rem;line-height:1.45}.callout.warn{border-color:#fcbb0059;background:#fcbb0012}.empty-state{text-align:center;padding:1.75rem 1rem}.empty-title{margin:0 0 .35rem;font-weight:600;color:#fff}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.card-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.data-card{border:1px solid var(--stx-line);border-radius:12px;padding:.9rem 1rem;background:#ffffff05}.data-card-title{display:inline-flex;align-items:center;min-height:2rem;color:#fff;font-weight:600;font-size:1.02rem}.data-card-title:hover{color:var(--stx-primary)}.data-card .mono{margin:.15rem 0 .55rem}.mobile-only{display:none}.desktop-only{display:block}.login-stage{position:relative;flex:1;width:100%;min-height:calc(100dvh - var(--stx-topbar-h));display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:clamp(1.5rem,5vw,3rem) var(--stx-page-pad) clamp(2rem,6vw,3.5rem);padding-left:max(var(--stx-page-pad),env(safe-area-inset-left));padding-right:max(var(--stx-page-pad),env(safe-area-inset-right));padding-bottom:max(clamp(2rem,6vw,3.5rem),env(safe-area-inset-bottom))}.login-stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 60% at 50% 12%,rgba(33,188,207,.16),transparent 58%),radial-gradient(ellipse 70% 50% at 80% 90%,rgba(84,162,255,.08),transparent 55%),#0e0e0e}.login-stage-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:clamp(48px,8vw,72px) clamp(48px,8vw,72px);pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 20%,transparent 85%);mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 20%,transparent 85%)}.login-stage-inner{position:relative;z-index:1;width:min(36rem,100%);text-align:center;display:grid;justify-items:center;gap:0;animation:rise .6s ease both}.login-stage-inner .brand{justify-content:center;margin-bottom:clamp(1rem,2.5vw,1.5rem);animation:rise .55s ease both}.login-stage h1{margin:0 0 .75rem;font-size:clamp(2rem,7vw,3.75rem);font-weight:700;letter-spacing:-.025em;line-height:1.05;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35);animation:rise .65s ease .05s both}.login-stage h1 .accent{color:var(--stx-primary)}.login-stage .lede-hero{margin:0 auto 1.5rem;max-width:28rem;color:#ffffffe0;font-size:clamp(.95rem,2.2vw,1.1rem);line-height:1.55;animation:rise .7s ease .1s both}.login-cta{display:grid;justify-items:center;gap:.7rem;width:min(100%,20rem);margin:0 auto;animation:rise .75s ease .16s both}.login-cta .keyra-login,.login-cta .keyra-host{width:100%;display:flex;justify-content:center}.login-status{margin:0;max-width:20rem}.panel{background:var(--stx-panel);border:1px solid var(--stx-line);border-radius:14px;padding:clamp(1rem,2.5vw,1.25rem);box-shadow:var(--stx-shadow);animation:rise .5s ease both;min-width:0}.panel+.panel{margin-top:0}.page-stack>.panel+.panel{margin-top:0}.panel h2{margin:0 0 .35rem;font-size:clamp(1.05rem,2.5vw,1.15rem);font-weight:700;letter-spacing:-.01em}.panel .lede{margin:0 0 1rem;color:var(--stx-muted);font-size:.95rem;line-height:1.45}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:999px;min-height:var(--stx-touch);padding:.65rem 1.35rem;background:var(--stx-primary);color:#fff;cursor:pointer;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;transition:filter .15s ease,background .15s ease,border-color .15s ease,color .15s ease;touch-action:manipulation}.btn:hover{filter:brightness(1.1)}.btn.secondary{background:transparent;border-color:var(--stx-line);color:#ffffffe6;filter:none}.btn.secondary:hover{border-color:#ffffff59;color:#fff;background:#ffffff0a}.btn.ghost{background:#fff;color:var(--stx-primary);filter:none}.btn.ghost:hover{background:#ffffffe6}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:36rem}.table th,.table td{text-align:left;padding:.7rem .55rem;border-bottom:1px solid var(--stx-line);vertical-align:top}.table th{color:var(--stx-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.table a{color:var(--stx-primary);display:inline-flex;min-height:2rem;align-items:center}.table a:hover{color:#fff}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:999px;border:1px solid var(--stx-line);font-size:.75rem;font-weight:600;background:#ffffff0a;color:var(--stx-muted-strong)}.badge.ok{color:var(--stx-ok);border-color:#11cc5559;background:#11cc5514}.badge.warn{color:var(--stx-warn);border-color:#fcbb0059;background:#fcbb0014}.badge.danger{color:#ff6b8a;border-color:#e6002e66;background:#e6002e1a}.muted{color:var(--stx-muted)}.muted.small,.small{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;overflow-wrap:anywhere}.stack{display:grid;gap:.75rem}.field label{display:block;font-size:.8rem;color:var(--stx-muted);margin-bottom:.25rem}.field input,.field select{width:100%;min-height:var(--stx-touch);border:1px solid var(--stx-line);border-radius:10px;padding:.6rem .75rem;background:var(--stx-surface);color:var(--stx-ink)}.field input:focus,.field select:focus,.topbar-actions select:focus{outline:none;border-color:var(--stx-primary);box-shadow:0 0 0 1px var(--stx-primary)}.status-row{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 1rem}.error{color:#ff6b8a;font-size:.9rem}.keyra-login{margin-top:.15rem}.keyra-host{min-height:var(--stx-touch)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:960px){.grid-2{grid-template-columns:1fr}}@media(max-width:800px){.topbar-inner{flex-wrap:wrap;row-gap:.35rem}.nav-links{margin-left:0;margin-right:0;width:100%;order:3;gap:.25rem 1rem;padding-top:.15rem}.user-chip{max-width:8.5rem}.topbar .brand-wordmark{font-size:1.05rem}.site-footer-inner{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.desktop-only{display:none!important}.mobile-only{display:grid}.form-row{flex-direction:column;align-items:stretch}.form-row-action{width:100%}.table{min-width:30rem;font-size:.86rem}}@media(max-width:560px){:root{--stx-topbar-h: 3.75rem}.topbar-actions .btn{padding-inline:1rem}.user-chip{display:none}.brand-hero .brand-mark{width:52px;height:52px}.brand-hero .brand-wordmark{font-size:clamp(1.35rem,6vw,1.75rem)}.topbar .brand-wordmark{font-size:.95rem}.login-stage{align-items:center;min-height:calc(100dvh - var(--stx-topbar-h));padding-top:clamp(1.75rem,8vw,2.75rem)}.login-stage h1{font-size:clamp(1.85rem,9vw,2.6rem)}.main{padding-top:1rem;padding-bottom:2.25rem}}@media(max-height:700px){.login-stage{align-items:flex-start;padding-top:1.5rem}.login-stage-inner .brand{margin-bottom:.85rem}.login-stage .lede-hero{margin-bottom:1.15rem}}