:root{--bg-0: #07110c;--bg-1: #0c1812;--bg-2: #14241c;--bg-3: #1c3228;--line: #2a4638;--line-bright: #3d6a52;--text: #e8f3ec;--muted: #8fafa0;--accent: #3dba7a;--accent-bright: #5fd497;--accent-2: #c4a35a;--accent-2-soft: rgba(196, 163, 90, .18);--danger: #d4645a;--warn: #d4a017;--ok: #3dba7a;--info: #5a9fd4;--radius: 8px;--radius-lg: 14px;--font: "IBM Plex Sans", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--shadow: 0 16px 48px rgba(0, 0, 0, .4);--glow-green: 0 0 24px rgba(61, 186, 122, .25)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(900px 520px at 8% -8%,rgba(61,186,122,.16),transparent 55%),radial-gradient(700px 420px at 96% 4%,rgba(196,163,90,.1),transparent 48%),radial-gradient(600px 400px at 50% 110%,rgba(61,186,122,.06),transparent 50%),linear-gradient(165deg,var(--bg-0) 0%,#0a1510 45%,#08120d 100%);background-attachment:fixed}a{color:var(--accent-bright);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100%}.sidebar{background:linear-gradient(180deg,#0c1812f7,#07110cfa);border-right:1px solid var(--line);padding:1.15rem .95rem;display:flex;flex-direction:column;gap:1.35rem;position:relative;overflow:hidden}.sidebar:before{content:"";position:absolute;inset:0 0 auto 0;height:140px;background:radial-gradient(120px 80px at 20% 30%,rgba(61,186,122,.12),transparent 70%);pointer-events:none}.brand{position:relative;z-index:1;padding:.35rem .4rem 1rem;border-bottom:1px solid var(--line)}.brand-lockup{display:flex;gap:.75rem;align-items:center}.brand-lockup-stack{flex-direction:column;align-items:flex-start}.brand-lockup-row{flex-direction:row}.brand-lockup-sm .brand-logo{width:40px;height:40px;border-radius:10px}.brand-lockup-md .brand-logo{width:52px;height:52px;border-radius:12px}.brand-lockup-lg .brand-logo{width:64px;height:64px;border-radius:14px}.brand-logo{object-fit:contain;border:1px solid var(--line-bright);box-shadow:var(--glow-green),0 4px 16px #0006;flex-shrink:0;background:#0a1510}.brand-copy{min-width:0}.brand-mark{font-weight:700;letter-spacing:.08em;font-size:1.15rem;color:var(--accent-bright);line-height:1.2}.brand-lockup-sm .brand-mark{font-size:.92rem}.brand-sub{font-size:.72rem;color:var(--muted);margin-top:.2rem;line-height:1.3}.login-logo{width:112px;height:112px;border-radius:24px;object-fit:contain;margin:0 auto 1.1rem;display:block;border:1px solid var(--line-bright);box-shadow:var(--glow-green),var(--shadow);background:#0a1510}.login-logo-md{width:80px;height:80px;border-radius:18px}.login-logo-lg{width:112px;height:112px;border-radius:24px}.login-logo-xl{width:128px;height:128px;border-radius:28px}.nav{display:flex;flex-direction:column;gap:.2rem;position:relative;z-index:1}.nav a{color:var(--muted);padding:.55rem .75rem;border-radius:var(--radius);text-decoration:none;font-weight:500;transition:background .15s ease,color .15s ease}.nav a:hover{background:#3dba7a14;color:var(--text);text-decoration:none}.nav a.active{background:#3dba7a1f;color:var(--text);border-left:2px solid var(--accent);padding-left:calc(.75rem - 2px);box-shadow:inset 0 0 0 1px #3dba7a1f}.main{padding:1.5rem 1.85rem 2.5rem;overflow:auto}.tab-row{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem}.page-header h1{margin:0;font-size:1.55rem;font-weight:600;letter-spacing:-.02em}.page-header p{margin:.35rem 0 0;color:var(--muted);font-size:.95rem;max-width:52ch}.user-chip{margin-top:auto;padding:.85rem .65rem .35rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted);position:relative;z-index:1}.user-chip strong{color:var(--text);display:block}.panel{background:linear-gradient(160deg,#14241ceb,#0c1812e0);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.05rem 1.15rem;box-shadow:var(--shadow)}.panel+.panel{margin-top:1rem}.panel h3{color:var(--text);font-weight:600}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.grid-2{grid-template-columns:1fr}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:var(--bg-3);color:var(--text);border-radius:var(--radius);padding:.45rem .85rem;cursor:pointer;font-weight:500;transition:border-color .15s ease,filter .15s ease,background .15s ease}.btn:hover{border-color:var(--line-bright)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#4fcf8c,#2f9e66);border-color:#2f9e66;color:#04140c;font-weight:600;box-shadow:0 4px 14px #3dba7a40}.btn-primary:hover{filter:brightness(1.06)}.btn-danger{background:#9b3a33;border-color:#c45a52;color:#fff5f4;font-weight:600}.btn-ghost{background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem;border:0;padding:0;min-width:0}.field label,.field legend{font-size:.8rem;color:var(--muted);font-weight:500}.field legend{padding:0}.field input,.field select,.field textarea{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .65rem}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3dba7a26}.field textarea{min-height:90px;resize:vertical;font-family:var(--mono);font-size:.85rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}.table th{color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.badge-ok{background:#3dba7a26;color:var(--ok);border-color:#3dba7a59}.badge-warn{background:#d4a01726;color:var(--warn);border-color:#d4a01759}.badge-danger{background:#d4645a26;color:var(--danger);border-color:#d4645a59}.badge-info{background:#5a9fd426;color:var(--info);border-color:#5a9fd459}.badge-gold{background:var(--accent-2-soft);color:var(--accent-2);border-color:#c4a35a66}.mono{font-family:var(--mono);font-size:.85rem}.logs-message.mono{font-size:.8rem}.muted{color:var(--muted)}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.login-screen{min-height:100%;display:grid;place-items:center;padding:2rem;position:relative}.login-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(500px 360px at 50% 35%,rgba(61,186,122,.14),transparent 65%),radial-gradient(400px 280px at 70% 70%,rgba(196,163,90,.08),transparent 60%);pointer-events:none}.login-card.setup-card{width:min(960px,100%);text-align:left}.sso-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:1rem;align-items:start;margin-bottom:.75rem}.sso-fields .field input,.sso-fields .field select{width:100%}.sso-guide{border:1px solid var(--line);border-radius:var(--radius);background:#0c18128c;padding:.85rem .95rem}.sso-guide h4{margin:0 0 .35rem;font-size:.92rem}.sso-guide-step{border-top:1px solid var(--line);padding-top:.65rem;margin-top:.65rem}.sso-guide-step:first-of-type{border-top:0;padding-top:0;margin-top:0}.sso-guide-title{margin:0 0 .2rem;font-size:.85rem;font-weight:600}.sso-guide dt{font-weight:600;color:var(--text);font-size:.8rem}.sso-guide dd{margin:0 0 .4rem;color:var(--muted);font-size:.8rem;word-break:break-word}.sso-guide-next{font-size:.8rem;color:var(--accent-bright);margin:.25rem 0 0}@media (max-width: 800px){.sso-layout{grid-template-columns:1fr}}.setup-steps{display:flex;gap:.4rem;margin-bottom:1rem}.setup-step{width:1.6rem;height:1.6rem;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--muted)}.setup-step-active{border-color:var(--accent);color:var(--accent-bright);background:#3dba7a1f}.setup-choice{border:0;margin:0 0 .9rem;padding:0;display:grid;gap:.65rem;min-inline-size:0}.setup-choice-option{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.15rem .65rem;align-items:start;padding:.75rem .85rem;border:1px solid var(--line);border-radius:var(--radius);background:#0c181299;cursor:pointer;text-align:left}.setup-choice-option:has(input:checked){border-color:var(--accent);background:#3dba7a1a}.setup-choice-option input{grid-row:1 / span 2;margin-top:.2rem}.setup-choice-title{font-weight:600}.setup-choice-copy{display:block;color:var(--muted);font-size:.85rem;margin-top:.15rem}.login-card{position:relative;z-index:1;width:min(440px,100%);background:linear-gradient(165deg,#122018f5,#0a140ffa);border:1px solid var(--line-bright);border-radius:18px;padding:2.1rem 2rem;box-shadow:var(--shadow),var(--glow-green);text-align:center}.login-card h1{margin:0 0 .15rem;color:var(--accent-bright);letter-spacing:.04em;font-size:1.65rem}.login-card .login-full{margin:0;color:var(--text);font-weight:500}.login-card .login-tagline{margin:.15rem 0 1.25rem;color:var(--muted);font-size:.9rem}.login-card p{color:var(--muted);margin:0 0 1.5rem;line-height:1.45}.toast{margin-top:.75rem;padding:.65rem .75rem;border-radius:var(--radius);border:1px solid var(--line);font-size:.9rem}.toast-ok{border-color:#3dba7a80;background:#3dba7a1a}.toast-err{border-color:#d4645a80;background:#d4645a1a}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}@media (max-width: 900px){.stat-row{grid-template-columns:1fr 1fr}}.stat{background:linear-gradient(160deg,#14241ceb,#0c1812e0);border:1px solid var(--line);border-radius:var(--radius-lg);padding:.9rem 1rem;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 70%);opacity:.7}.stat .label{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.stat .value{font-size:1.4rem;font-weight:600;margin-top:.25rem;color:var(--accent-bright)}.log-line{font-family:var(--mono);font-size:.8rem;padding:.35rem 0;border-bottom:1px solid rgba(42,70,56,.6);white-space:pre-wrap;overflow-wrap:anywhere}.log-line-btn{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid rgba(42,70,56,.6);cursor:pointer;padding:.45rem .35rem;border-radius:4px}.log-line-btn:hover{background:#3dba7a0f}.log-line-selected{background:#3dba7a1f}.logs-query{flex:1;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .65rem}.logs-presets{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.85rem}.active-preset{border-color:var(--accent)!important;color:var(--accent-bright)!important}.logs-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media (max-width: 1000px){.logs-filters{grid-template-columns:1fr 1fr}}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip{font-size:.75rem;padding:.25rem .55rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-1);cursor:pointer;color:var(--muted)}.chip-on{border-color:var(--accent);color:var(--accent-bright);background:#3dba7a1f}.logs-histogram{margin-top:.85rem}.logs-histogram-label{font-size:.75rem;margin-bottom:.5rem}.logs-histogram-bars{display:flex;align-items:flex-end;gap:2px;height:72px;padding:.25rem 0}.logs-bar{flex:1;min-width:2px;max-width:18px;padding:0;border:none;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--accent-bright),var(--accent));opacity:.75;cursor:pointer;align-self:flex-end}.logs-bar:hover{opacity:1}.logs-facets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.85rem}@media (max-width: 900px){.logs-facets{grid-template-columns:1fr}}.logs-facet{padding:.75rem .9rem}.facet-row{display:flex;justify-content:space-between;width:100%;background:transparent;border:none;border-radius:4px;padding:.3rem .35rem;cursor:pointer;color:inherit;font-size:.85rem}.facet-row:hover{background:#3dba7a14}.facet-on{color:var(--accent-bright);background:#3dba7a1a}.logs-body{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:.85rem}.logs-body.with-drawer{grid-template-columns:1fr minmax(260px,340px)}@media (max-width: 900px){.logs-body.with-drawer{grid-template-columns:1fr}}.logs-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.logs-dl{margin:0;display:grid;grid-template-columns:100px 1fr;gap:.45rem .75rem;font-size:.85rem}.logs-dl dt{color:var(--muted);margin:0}.logs-dl dd{margin:0;overflow-wrap:anywhere}.logs-message{font-family:var(--mono);font-size:.8rem;white-space:pre-wrap}.empty{color:var(--muted);padding:1.5rem .5rem;text-align:center}.hero-banner{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 1.15rem;border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(400px 120px at 0% 50%,rgba(61,186,122,.14),transparent 60%),linear-gradient(160deg,#14241ceb,#0c1812e0);box-shadow:var(--shadow)}.hero-banner img{width:64px;height:64px;border-radius:14px;object-fit:contain;border:1px solid var(--line-bright);box-shadow:var(--glow-green);flex-shrink:0}.hero-banner h2{margin:0;font-size:1.15rem;font-weight:600;color:var(--accent-bright)}.hero-banner p{margin:.3rem 0 0;color:var(--muted);font-size:.9rem}