:root{--bg:#070a0c;--panel:#0c1114;--line:#1a2429;--text:#f1f6f8;--muted:#78909c;--green:#5ee6a8;--amber:#ffd166;--red:#ff5c72}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 80% -10%,#123027 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E")}
header{height:76px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#070a0cdf;backdrop-filter:blur(14px);z-index:5}
.brand{display:flex;align-items:center;gap:12px}.mark{width:38px;height:38px;border:1px solid #2e5245;background:#0d1d18;display:grid;place-items:center;border-radius:10px;color:var(--green);font-weight:800}.brand span{display:block;font-size:11px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.11em}
.header-actions{display:flex;gap:10px;align-items:center}.badge{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:999px;color:var(--muted)}
button{background:var(--green);color:#06110d;border:0;padding:11px 15px;border-radius:9px;font-weight:750;cursor:pointer}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
main{width:min(1460px,90vw);margin:auto;padding-bottom:64px}.hero{min-height:330px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.eyebrow{color:var(--green);font-size:10px;letter-spacing:.18em;font-weight:800}.hero h1{font-size:clamp(42px,5vw,78px);line-height:.95;letter-spacing:-.055em;margin:16px 0 20px;max-width:900px}.hero p{max-width:700px;color:#9aabb4;font-size:16px;line-height:1.6}.kill{background:#2b0e13;color:#ff8f9e;border:1px solid #5a1721;border-radius:50%;width:150px;height:150px;font-size:14px;box-shadow:0 0 60px #ff335511 inset,0 0 40px #ff33550d}.kill span{display:block;font-size:28px;margin-bottom:7px}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:28px 0;border:1px solid var(--line)}.card{background:var(--panel);padding:22px}.card span,.card small{display:block;color:var(--muted);font-size:12px}.card strong{display:block;font-size:30px;margin:11px 0 8px;letter-spacing:-.03em}.status-card strong{color:var(--green)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--line);background:#0a0f12;padding:24px;border-radius:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel h2{font-size:22px;margin:5px 0 0}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}label{font-size:11px;color:var(--muted)}input,select{width:100%;margin-top:7px;background:#071014;color:var(--text);border:1px solid #203038;border-radius:8px;padding:11px;outline:none}input:focus,select:focus{border-color:#3b7c63}.switch-row{display:flex;gap:10px;align-items:center;margin-top:18px}.switch-row input{width:auto;margin:0}
.connection-form{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.connection-form button{grid-column:1/-1}.hint{font-size:11px;color:var(--muted);line-height:1.5}.connection-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:12px;border-radius:9px;margin-bottom:8px}.connection-item small{color:var(--muted)}.connection-item button{padding:7px 9px;background:#191f23;color:#cbd6db}
.lower{margin-top:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);font-weight:500;padding:10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid #121b20}.events{max-height:330px;overflow:auto}.event{padding:11px 0;border-bottom:1px solid var(--line)}.event b{font-size:11px}.event p{margin:5px 0;color:#a9b7be;font-size:12px}.event time{font-size:10px;color:#607580}
#toast{position:fixed;bottom:24px;right:24px;background:#111b1f;border:1px solid var(--line);padding:12px 16px;border-radius:9px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}#toast.on{opacity:1;transform:none}
@media(max-width:950px){.status-grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column;padding:60px 0}.kill{width:110px;height:110px}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){main{width:94vw}.status-grid{grid-template-columns:1fr}.form-grid,.connection-form{grid-template-columns:1fr}.hero h1{font-size:46px}header{padding:0 3vw}}


.flow{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:18px;
  border:1px solid var(--line);
  background:#081013;
  margin:0 0 28px;
  border-radius:14px
}
.flow div{
  border:1px solid #24333a;
  padding:9px 12px;
  border-radius:8px;
  font-size:11px;
  color:#a8bbc4
}
.flow strong{color:var(--green);font-size:18px}
.flow em{font-size:11px;color:var(--muted);font-style:normal}
.flow b{color:#53666f}
.result{
  white-space:pre-wrap;
  background:#061014;
  border:1px solid var(--line);
  padding:12px;
  border-radius:9px;
  color:#9fd9c2;
  max-height:240px;
  overflow:auto;
  font-size:11px
}
.strategy-item{
  border:1px solid var(--line);
  padding:10px 12px;
  border-radius:8px;
  margin-bottom:8px
}
.strategy-item small{
  display:block;
  color:var(--muted);
  margin-top:4px
}
.login-screen{position:fixed;inset:0;z-index:50;background:radial-gradient(circle at 50% 0,#15382d 0,transparent 35%),#06090b;display:grid;place-items:center}.login-screen.hidden{display:none}.login-card{width:min(430px,92vw);border:1px solid var(--line);background:#0a1013;padding:34px;border-radius:18px;box-shadow:0 30px 100px #0008}.login-card h1{font-size:38px;margin:12px 0 4px;letter-spacing:-.04em}.login-card p,.login-card small{color:var(--muted)}.login-card input{margin:8px 0}.login-card button{width:100%;margin:12px 0}.mark.big{width:52px;height:52px}.tenant-select{width:auto;min-width:190px;margin:0}.compact-hero{min-height:290px}.six{grid-template-columns:repeat(6,1fr)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini{border:1px solid var(--line);padding:10px;border-radius:8px}.mini b{display:block;font-size:20px}.mini span{font-size:10px;color:var(--muted)}.compact-list{max-height:220px;overflow:auto}.compact-item{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.compact-item small{display:block;color:var(--muted);margin-top:4px}.stack-form{display:grid;gap:8px;margin-top:12px}.stack-form input,.stack-form select{margin:0}.inline{display:grid;grid-template-columns:1fr 1fr;gap:8px}.subhead{margin-top:22px}.tall{min-height:260px}.institutional-flow{margin-top:22px}
@media(max-width:1200px){.six{grid-template-columns:repeat(3,1fr)}.three{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.three,.six{grid-template-columns:1fr}.tenant-select{max-width:150px}.header-actions{gap:5px}}

.security-actions{margin:12px 0;gap:10px}.security-actions button{flex:1}