@font-face{font-family:Chivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/chivo-vietnamese-wght-normal-BjQIDkhi.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Chivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/chivo-latin-ext-wght-normal-CuxPzFD0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Chivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/chivo-latin-wght-normal-CPi3f958.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Chivo Variable,system-ui,sans-serif;color:#dce8e3;background:#07100e;font-synthesis:none;--ink:#dce8e3;--muted:#789087;--line:#20352f;--panel:#0d1916;--panel2:#111f1b;--mint:#5ee0a1;--blue:#5aa7e8;--amber:#f2ad58;--violet:#a98bed}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 88% -10%,#13382e 0,transparent 32%),#07100e;color:var(--ink)}button,input,select,textarea{font:inherit}button{color:inherit}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:#08130fdf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:4px 8px 24px}.brand>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid #39745d;background:#102a20;color:var(--mint);transform:rotate(45deg);border-radius:8px}.brand svg{transform:rotate(-45deg)}.brand div{display:grid}.brand b{font-size:17px}.brand small,.eyebrow{font:10px IBM Plex Mono,monospace;letter-spacing:.14em;color:#77958a}.stream-state{display:flex;align-items:center;gap:9px;background:#0d1e18;border:1px solid #24483b;padding:10px;border-radius:8px;margin-bottom:18px}.stream-state>i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}.stream-state div{display:grid;gap:2px;flex:1}.stream-state small{font:9px IBM Plex Mono;color:#638076}.stream-state b{font:10px IBM Plex Mono}.stream-state em{font:9px IBM Plex Mono;font-style:normal;color:var(--mint)}nav{display:grid;gap:4px}nav button{border:0;background:transparent;border-radius:7px;padding:11px 12px;display:flex;align-items:center;gap:11px;color:#86a097;cursor:pointer;text-align:left}nav button:hover{background:#10201b;color:#cde0d8}nav button.active{background:#153126;color:var(--mint);box-shadow:inset 2px 0 var(--mint)}nav button span{flex:1}nav button em{background:#4d271d;color:#ffb48e;border-radius:20px;padding:2px 7px;font:10px IBM Plex Mono;font-style:normal}.account{margin-top:auto;border-top:1px solid var(--line);padding:18px 4px 0;display:flex;align-items:center;gap:9px}.account>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#244e3e;color:#b9f2d5;font-weight:700}.account div{display:grid;gap:2px;min-width:0;flex:1}.account b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account small{font-size:10px;color:var(--muted)}.account button,.topbar button,.drawer button,.dialog header button{border:0;background:transparent;cursor:pointer}.shell>main{min-width:0;padding:30px 34px 56px;max-width:1640px;width:100%;margin:auto}.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px;gap:20px}.topbar h1{font-size:30px;line-height:1;margin:8px 0 0}.topbar>div:last-child{display:flex;align-items:center;gap:9px}.topbar>div:last-child>span{font-size:11px;color:var(--muted)}.topbar button,.dialog footer button,.failure-list button{border:1px solid #356653;background:#173f30;color:#baf1d4;border-radius:6px;padding:9px 12px;display:flex;align-items:center;gap:7px;cursor:pointer}.topbar .ghost,.dialog .ghost{background:transparent;border-color:var(--line);color:#91aaa0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric{position:relative;overflow:hidden;min-height:150px;border:1px solid var(--line);background:linear-gradient(145deg,#10201b,#0b1613);border-radius:9px;padding:20px}.metric header{display:flex;justify-content:space-between;color:var(--muted)}.metric strong{display:block;font:600 38px IBM Plex Mono;margin:25px 0 6px}.metric small{color:var(--muted)}.metric>i{position:absolute;height:3px;left:0;right:45%;bottom:0}.metric.mint>i{background:var(--mint)}.metric.blue>i{background:var(--blue)}.metric.violet>i{background:var(--violet)}.metric.amber>i{background:var(--amber)}.split{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:16px}.split.lower{grid-template-columns:1fr 1fr}.panel{border:1px solid var(--line);background:linear-gradient(160deg,#0e1b17,#0a1512);border-radius:9px;overflow:hidden;min-width:0}.panel>header{padding:20px 22px 15px;border-bottom:1px solid #172b25}.panel>header span{font:10px IBM Plex Mono;letter-spacing:.11em;color:#66877a}.panel>header h2{font-size:18px;margin:5px 0 0}.feed article,.failure-list article,.audit-list article{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid #14251f}.feed article:last-child,.failure-list article:last-child,.audit-list article:last-child{border:0}.feed .env,.table .env{width:7px;height:7px;border-radius:50%;background:var(--blue);flex:0 0 auto}.env.test{background:var(--amber)}.feed div{display:grid;gap:3px;min-width:0;flex:1}.feed b{font:12px IBM Plex Mono;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed small{font-size:11px;color:var(--muted)}.feed time,.failure-list time,.audit-list time{font:10px IBM Plex Mono;color:#658177}.bars{padding:18px 22px;display:grid;gap:15px}.bars>div{display:grid;grid-template-columns:100px 1fr 40px;gap:10px;align-items:center}.bars span{font:11px IBM Plex Mono;overflow:hidden;text-overflow:ellipsis}.bars i{height:6px;background:#172a24;border-radius:5px;overflow:hidden}.bars b{display:block;height:100%;background:linear-gradient(90deg,#398e69,var(--mint));border-radius:5px}.bars em{text-align:right;font:11px IBM Plex Mono;font-style:normal;color:#7d998e}.governance{display:grid;grid-template-columns:repeat(3,1fr);padding:22px}.governance div{display:grid;gap:7px;border-right:1px solid var(--line);padding:6px 18px}.governance div:last-child{border:0}.governance svg{color:var(--mint)}.governance b{font:23px IBM Plex Mono}.governance span{font-size:11px;color:var(--muted)}.guarantee{padding:23px}.guarantee strong{font:18px IBM Plex Mono;letter-spacing:.1em;color:var(--mint)}.guarantee p{font:12px/1.8 IBM Plex Mono;color:#7e9a8f}.toolbar{margin:16px 20px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#08120f;padding:10px 12px;border-radius:6px;color:var(--muted)}.toolbar input{flex:1;border:0;outline:0;background:transparent;color:var(--ink)}.table{min-width:760px}.panel:has(.table){overflow:auto}.tr{width:100%;display:grid;grid-template-columns:minmax(340px,1.7fr) minmax(110px,.6fr) minmax(160px,.7fr) minmax(120px,.5fr);gap:14px;align-items:center;padding:13px 20px;border:0;border-bottom:1px solid #14251f;background:transparent;text-align:left;cursor:pointer}.tr:hover{background:#11221c}.tr.th{color:#617c71;font:10px IBM Plex Mono;cursor:default}.tr>span{display:flex;align-items:center;gap:9px;min-width:0;font:12px IBM Plex Mono}.tr>span:first-child{display:grid;grid-template-columns:8px 1fr}.tr>span:first-child small{grid-column:2;color:#60796f}.tr small{color:var(--muted)}.tr>span:last-child{justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.schema-card{border:1px solid var(--line);background:linear-gradient(150deg,#10211b,#0b1512);padding:19px;border-radius:9px}.schema-card>div{display:flex;justify-content:space-between;color:var(--mint)}.schema-card em{font:10px IBM Plex Mono;font-style:normal;text-transform:uppercase;background:#173629;padding:5px 8px;border-radius:4px}.schema-card h3{font:14px IBM Plex Mono;margin:25px 0 5px}.schema-card strong{font:28px IBM Plex Mono}.schema-card p{font:10px IBM Plex Mono;color:var(--muted)}.schema-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;margin-top:18px}.ok{font:10px IBM Plex Mono;color:var(--mint);text-transform:uppercase}.schema-card time{font-size:10px;color:var(--muted)}.subscription-list article{display:flex;align-items:center;gap:15px;padding:18px 21px;border-bottom:1px solid #14251f}.consumer-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #2e5c4b;background:#132b22;border-radius:8px;color:var(--mint)}.subscription-list article>div{flex:1}.subscription-list h3{margin:0 0 7px;font-size:15px}.subscription-list code{font-size:11px;color:#8bcdb0}.subscription-list p{margin:7px 0 0;font-size:11px;color:var(--muted)}.danger{border:1px solid #62362e!important;background:transparent!important;color:#e9a18f!important;padding:7px 10px;border-radius:5px;cursor:pointer}.failure-list>article>svg{color:var(--amber)}.failure-list article>div{flex:1;display:grid;gap:4px}.failure-list b{font:12px IBM Plex Mono}.failure-list small{color:var(--muted)}.failure-list button{padding:7px 10px}.topology{display:grid;grid-template-columns:1fr .8fr 1fr;align-items:center;padding:28px;gap:18px}.topology>div>span{display:block;font:10px IBM Plex Mono;color:var(--muted);margin:0 0 10px}.topology article{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#101f1a;padding:11px;margin-bottom:8px;border-radius:6px}.topology article svg{width:16px;color:var(--mint)}.topology article b{font-size:12px;flex:1}.topology article em{font:9px IBM Plex Mono;font-style:normal;color:var(--muted)}.topology>section{display:grid;gap:10px;place-items:stretch}.topology>section>div{display:grid;place-items:center;border:1px solid #347258;background:#153326;padding:17px;border-radius:8px}.topology>section svg{color:var(--mint)}.topology>section b{font:11px IBM Plex Mono;margin-top:7px}.topology>section small{color:#7da092}.topology>section>i{height:28px;width:1px;background:#367059;justify-self:center}.audit-list article>span{width:8px;height:8px;border-radius:50%;background:var(--mint)}.audit-list article>span.failure,.audit-list article>span.denied{background:var(--amber)}.audit-list article>div{width:280px;display:grid;gap:3px}.audit-list b{font:12px IBM Plex Mono}.audit-list small{color:var(--muted)}.audit-list p{flex:1;margin:0;font:10px IBM Plex Mono;color:#819c91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:12px;color:#688277}.empty svg{color:var(--mint)}.error,.login-error{display:flex;align-items:center;gap:9px;background:#3a2119;border:1px solid #694031;color:#f3b79d;border-radius:7px;padding:12px 14px;margin-bottom:16px}.error button{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer}.overlay{position:fixed;inset:0;background:#020806c9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:10;display:flex;justify-content:flex-end}.drawer{width:min(680px,100%);height:100%;overflow:auto;background:#0a1512;border-left:1px solid var(--line);padding:27px}.drawer header,.dialog header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}.drawer h2,.dialog h2{margin:7px 0 0;font:18px IBM Plex Mono;overflow-wrap:anywhere}.drawer dl{display:grid;gap:0;margin:22px 0}.drawer dl>div{display:grid;grid-template-columns:110px 1fr;padding:12px 0;border-bottom:1px solid #172720}.drawer dt{font-size:11px;color:var(--muted)}.drawer dd{margin:0;font-size:12px}.drawer pre{background:#050c09;border:1px solid var(--line);border-radius:7px;padding:16px;overflow:auto;font:11px/1.7 IBM Plex Mono;color:#a9d8c3}.dialog{width:min(620px,calc(100% - 28px));max-height:calc(100vh - 40px);overflow:auto;margin:auto;background:#0e1b17;border:1px solid #2c4d41;border-radius:10px;padding:24px}.dialog label{display:grid;gap:7px;font-size:12px;color:#90a99f;margin-top:16px}.dialog input,.dialog select,.dialog textarea{width:100%;border:1px solid var(--line);background:#07100e;color:var(--ink);border-radius:6px;padding:10px;outline:0;font-family:IBM Plex Mono}.dialog input:focus,.dialog textarea:focus{border-color:#3d8566}.dialog .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.dialog-note{color:var(--muted);line-height:1.7}.splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:20px;color:var(--muted)}.splash span{width:22px;height:22px;border:2px solid #315649;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}.login{min-height:100vh;display:grid;grid-template-columns:1.3fr 1fr}.login>section{padding:clamp(40px,8vw,120px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 45%,#173b2d 0,transparent 28%)}.login h1{font-size:clamp(46px,6vw,82px);line-height:1.02;letter-spacing:-.045em;margin:18px 0 26px}.login>section>p{max-width:650px;font-size:17px;line-height:1.8;color:#89a198}.orbit{position:relative;width:92px;height:92px;display:grid;place-items:center;border:1px solid #326750;border-radius:50%;color:var(--mint);margin-bottom:36px}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #234a3b;border-radius:50%;inset:-14px}.orbit:after{inset:-29px;border-style:dashed}.orbit i{position:absolute;width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px var(--mint)}.orbit i:nth-child(2){top:5px;left:10px}.orbit i:nth-child(3){bottom:8px;right:4px}.orbit i:nth-child(4){right:-23px}.login-points{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}.login-points span{display:flex;align-items:center;gap:8px;color:#9bc0af;font-size:13px}.login-points svg{color:var(--mint)}.login>aside{display:grid;place-items:center;border-left:1px solid var(--line);background:#08110f}.login-card{width:min(420px,calc(100% - 36px));border:1px solid #2c5546;background:#0e1b17;padding:34px;border-radius:10px;box-shadow:0 30px 80px #0007}.lock{width:50px;height:50px;display:grid;place-items:center;background:#163b2c;border:1px solid #3e7d61;color:var(--mint);border-radius:8px;margin-bottom:30px}.login-card h2{font-size:28px;margin:8px 0 13px}.login-card p{color:var(--muted);line-height:1.7}.login-card a{margin:24px 0 15px;background:var(--mint);color:#082016;text-decoration:none;padding:14px 16px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.login-card>small{display:block;text-align:center;color:#688278}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.shell{grid-template-columns:78px 1fr}.brand div,.stream-state div,.stream-state em,nav button span,nav button em,.account div{display:none}.brand,.stream-state{justify-content:center}.sidebar nav button{justify-content:center}.account{justify-content:center}.account>button{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.split,.split.lower,.login{grid-template-columns:1fr}.login>aside{padding:60px 0;border-left:0;border-top:1px solid var(--line)}}@media(max-width:700px){.shell{display:block}.sidebar{position:fixed;z-index:5;inset:auto 0 0;height:68px;width:auto;padding:8px 10px;border-right:0;border-top:1px solid var(--line);display:block}.brand,.stream-state,.account{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.sidebar nav button{padding:8px 3px;display:grid;place-items:center;gap:3px;font-size:9px}.sidebar nav button span{display:block}.shell>main{padding:24px 14px 92px}.topbar{align-items:flex-start}.topbar h1{font-size:24px}.topbar>div:last-child>span,.topbar button:not(.ghost){display:none}.topbar .ghost{font-size:0;padding:9px}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:125px;padding:15px}.metric strong{font-size:28px;margin:18px 0 5px}.governance{grid-template-columns:1fr}.governance div{border-right:0;border-bottom:1px solid var(--line)}.topology,.cards{grid-template-columns:1fr}.subscription-list article{align-items:flex-start;flex-wrap:wrap}.login>section{padding:58px 24px}.login h1{font-size:48px}.login>aside{padding:45px 0}.login-points{gap:13px}.dialog .fields{grid-template-columns:1fr}.audit-list article{align-items:flex-start;flex-wrap:wrap}.audit-list article>div{width:calc(100% - 24px)}.audit-list p{width:100%}.table{min-width:680px}}
