@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#182335;font-synthesis:none;--navy:#071525;--blue:#2563eb;--line:#e4e9f1;--muted:#708097;background:#f4f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}aside{background:var(--navy);color:#a8b4c5;z-index:10;flex-direction:column;width:250px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0}.logo{color:#fff;align-items:center;gap:12px;height:52px;padding:0 10px;font-family:Manrope;font-weight:800;display:flex}.logo>span{background:linear-gradient(140deg,#3b82f6,#2255cf);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 25px #2563eb55}.logo svg{width:21px}.logo div{gap:3px;display:flex}.logo div b{color:#60a5fa}.logo button{display:none}nav{gap:3px;margin-top:32px;display:grid;overflow:auto}nav button{color:#93a1b4;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}nav button svg{width:17px}nav button:hover,nav button.active{color:#fff;background:#12243a}nav button.active{box-shadow:inset 3px 0 #3b82f6}.aside-foot{border-top:1px solid #1d2c40;gap:8px;margin-top:auto;padding:20px 12px;display:grid}.live{color:#c7d2df;font-size:11px;font-weight:700}.live i{background:#35d590;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #35d590}.aside-foot small{font-size:10px}.workspace{flex:1;min-width:0;margin-left:250px}.top{border-bottom:1px solid var(--line);z-index:5;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 38px;display:flex;position:sticky;top:0}.crumb{color:#98a4b5;align-items:center;gap:6px;font-size:12px;display:flex}.crumb svg{width:13px}.crumb b{color:#354256}.operator{align-items:center;gap:10px;display:flex}.operator>span{color:#245ac7;background:#e7efff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.operator div{display:grid}.operator b{font-size:12px}.operator small{color:var(--muted);font-size:10px}.mobile{background:0 0;border:0;display:none}.content{max-width:1440px;margin:auto;padding:38px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#3371df;font-size:10px;font-weight:800}.page-head h1{color:#111c2e;margin:7px 0 5px;font:800 28px Manrope}.page-head p,.panel p{color:var(--muted);margin:0;font-size:13px}.primary{background:var(--blue);color:#fff;border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:700;display:flex;box-shadow:0 6px 16px #2563eb33}.primary svg{width:16px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:17px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:12px;gap:13px;padding:20px;display:flex;box-shadow:0 2px 5px #17243b05}.dot{background:#4681ef;border-radius:50%;width:9px;height:9px;margin-top:5px;box-shadow:0 0 0 5px #e8f0ff}.dot.green{background:#26b879;box-shadow:0 0 0 5px #e1f7ee}.dot.violet{background:#8857e8;box-shadow:0 0 0 5px #f0eafd}.dot.amber{background:#f0a32f;box-shadow:0 0 0 5px #fff3de}.stat div:last-child{display:grid}.stat span{text-transform:uppercase;color:#8995a8;letter-spacing:.08em;font-size:9px;font-weight:800}.stat strong{margin:6px 0 2px;font:700 20px Manrope}.stat small{color:var(--muted);font-size:10px}.grid{grid-template-columns:2fr 1fr;gap:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 5px #17243b05}.panel.wide{min-height:200px}.panel-title{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:16px;display:flex}.panel-title h3{margin:0 0 3px;font:700 14px Manrope}.panel-title button{color:#8f9caf;background:0 0;border:0}.panel-title svg{width:17px}.services{display:grid}.service{border-bottom:1px solid #f0f2f6;grid-template-columns:32px 1fr auto;align-items:center;padding:12px 0;display:grid}.service:last-child{border:0}.service>span{border-radius:7px;place-items:center;width:24px;height:24px;font-weight:800;display:grid}.service .up{color:#159366;background:#e3f7ef}.service .down{color:#dc3c3c;background:#feeaea}.service div{display:grid}.service b{font-size:12px}.service small{color:var(--muted);font-size:10px}.service em{color:#159366;background:#e6f8f0;border-radius:10px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:800}.quick{gap:8px;padding-top:8px;display:grid}.quick button{border:1px solid var(--line);color:#3a4658;background:#fafbfd;border-radius:8px;justify-content:space-between;padding:13px;font-size:11px;font-weight:700;display:flex}.quick svg{color:#5380d3;width:15px}.all-good{color:#25a374;justify-content:center;align-items:center;gap:14px;height:105px;display:flex}.all-good svg{width:32px;height:32px}.all-good div{display:grid}.all-good b{font-size:13px}.all-good span{color:var(--muted);font-size:11px}.notice,.secret{background:#eaf3ff;border:1px solid #cce0ff;border-radius:9px;margin-bottom:15px;padding:13px 16px;font-size:12px}.table-panel{padding:0;overflow:hidden}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:#8995a8;background:#fafbfd;padding:13px 18px;font-size:9px}td{border-top:1px solid #edf0f5;padding:16px 18px;font-size:12px}td>small,td>div>small{color:var(--muted);margin-top:3px;display:block}.account{align-items:center;gap:10px;display:flex}.account>span{color:#2563eb;background:#e9f1ff;border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.pill{color:#647085;background:#eef1f5;border-radius:12px;margin:2px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-block}.pill.ok{color:#188e62;background:#e2f7ed}.pill.default{color:#4169c5;background:#e9efff}.ghost{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 11px;font-size:10px;font-weight:700}.modal-bg{z-index:50;background:#071525aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(760px,100%);max-height:90vh;padding:28px;position:relative;overflow:auto}.modal h2{font:800 22px Manrope}.close{background:0 0;border:0;position:absolute;top:18px;right:20px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.modal label,.tester label,.login-card label{color:#536176;gap:6px;font-size:10px;font-weight:700;display:grid}.modal input,.tester input,.tester select,.login-card input{background:#fbfcfe;border:1px solid #dce2eb;border-radius:8px;outline:none;padding:10px 11px}.modal input:focus,.tester input:focus,.login-card input:focus{border-color:#4b83ec;box-shadow:0 0 0 3px #e8f0ff}.checks{gap:18px;margin:18px 0;display:flex}.checks label{align-items:center;display:flex}.diag{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.diag-row{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:15px;display:flex}.diag-row>span{border-radius:8px;place-items:center;width:27px;height:27px;font-weight:800;display:grid}.diag-row>span.ok{color:#159366;background:#e2f7ed}.diag-row>span.warning{color:#c98110;background:#fff1d8}.diag-row>span.error{color:#d43a3a;background:#fee9e9}.diag-row div{display:grid}.diag-row b{text-transform:capitalize;font-size:12px}.diag-row small{color:var(--muted);font-size:10px}.tester{grid-template-columns:300px 1fr;gap:20px;display:grid}.tester>div{align-content:start;gap:14px;display:grid}.tester pre{color:#b7c7da;background:#071525;border-radius:9px;min-height:340px;margin:0;padding:18px;font:11px/1.6 monospace;overflow:auto}.tester code,.secret code{word-break:break-all;margin-top:8px;display:block}.empty{text-align:center;color:#a0adbd;flex-direction:column;justify-content:center;align-items:center;min-height:190px;display:flex}.empty svg{width:34px;height:34px;margin-bottom:10px}.empty b{color:#536176;font-size:13px}.empty p{max-width:440px;margin-top:5px;font-size:11px}.login{color:#fff;background:#071525;grid-template-columns:1.2fr 1fr;min-height:100vh;display:grid}.login-art{background:radial-gradient(circle at 20%,#183862 0,#0000 40%),linear-gradient(125deg,#071525,#0b1c32);flex-direction:column;justify-content:center;padding:10vw;display:flex}.brand-mark{background:#2563eb;border-radius:14px;place-items:center;width:50px;height:50px;display:grid}.login h1{margin:35px 0 22px;font:800 clamp(38px,5vw,68px)/1.05 Manrope}.login h1 span{color:#5591ff}.login-art p{color:#9aacbf;max-width:450px;line-height:1.7}.protocol{letter-spacing:.15em;color:#7890aa;align-items:center;gap:15px;margin-top:50px;font-size:11px;font-weight:800;display:flex}.protocol i{background:#2563eb;border-radius:50%;width:4px;height:4px}.login-card{color:#172235;background:#fff;border-radius:16px;place-self:center;gap:17px;width:min(390px,85%);padding:42px;display:grid;box-shadow:0 30px 90px #0006}.login-card h2{margin:4px 0 -10px;font:800 24px Manrope}.login-card p{color:var(--muted);font-size:12px}.login-card button{color:#fff;background:#2563eb;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.login-card small{color:#8794a6;justify-content:center;align-items:center;gap:5px;display:flex}.error{color:#c93737;background:#feeaea;border-radius:7px;padding:10px;font-size:11px}.loader{color:#4b82e9;background:#071525;place-items:center;height:100vh;display:grid;position:relative}.loader svg{width:45px;height:45px}.loader span{border:2px solid #2459a8;border-top-color:#0000;border-radius:50%;width:75px;height:75px;animation:1s linear infinite spin;position:absolute}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.stats{grid-template-columns:1fr 1fr}.grid,.login{grid-template-columns:1fr}.login-art{display:none}.login-card{margin:auto}.tester{grid-template-columns:1fr}}@media (width<=720px){aside{transition:all .25s;transform:translate(-100%)}aside.open{transform:none}.logo button{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.workspace{margin-left:0}.mobile{display:block}.top{padding:0 18px}.crumb{display:none}.content{padding:24px 16px}.page-head{align-items:flex-start;gap:15px}.stats,.form-grid,.diag{grid-template-columns:1fr}.table-panel{overflow:auto}table{min-width:750px}.operator{margin-left:auto}}.toolbar{align-items:end;gap:12px;margin-bottom:16px;display:flex}.toolbar label{color:var(--muted);gap:5px;font-size:10px;font-weight:700;display:grid}.toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:210px;padding:9px}.toolbar svg{width:13px}.error.block{margin-bottom:14px}.config-list{display:grid}.config-list>div{border-bottom:1px solid var(--line);grid-template-columns:260px 1fr;align-items:center;gap:20px;padding:14px 3px;display:grid}.config-list>div:last-child{border:0}.config-list span{text-transform:capitalize;font-size:12px;font-weight:700}.config-list code{color:#4f6075;word-break:break-all}.permission-grid{grid-template-columns:1fr 1fr;gap:2px 25px;display:grid}.permission-grid>div{border-bottom:1px solid var(--line);gap:12px;padding:16px 4px;display:flex}.permission-grid>div>span{color:#346bd1;background:#eaf1ff;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.permission-grid svg{width:16px}.permission-grid code{color:#1c54bc;font-weight:800}.permission-grid p{margin-top:4px}.about{text-align:center;padding:55px}.about .brand-mark{color:#fff;margin:auto}.about h2{font:800 24px Manrope}.about h2 span{color:#5276bf;font-size:11px}.about .protocol{justify-content:center;margin-top:25px}@media (width<=720px){.toolbar{flex-direction:column;align-items:stretch}.toolbar select{width:100%}.config-list>div,.permission-grid{grid-template-columns:1fr}}.action-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.action-row svg,.danger svg{width:14px;height:14px}.danger{color:#c93737;background:#fff5f5;border:1px solid #f1caca;border-radius:7px;padding:7px 9px}.danger:disabled,.ghost:disabled,.primary:disabled{opacity:.45;cursor:not-allowed}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.modal>label,.permission-picker label{color:#536176;gap:6px;font-size:10px;font-weight:700;display:grid}.modal>label input,.profile input,.token-exchange input{background:#fbfcfe;border:1px solid #dce2eb;border-radius:8px;padding:10px 11px}.permission-picker{grid-template-columns:repeat(3,1fr);gap:7px;max-height:390px;margin-top:16px;display:grid;overflow:auto}.permission-picker label{border:1px solid var(--line);border-radius:8px;grid-template-columns:auto 1fr;align-items:start;padding:9px}.permission-picker label.destructive{background:#fff8f8;border-color:#f1caca}.permission-picker span{display:grid}.permission-picker small{color:var(--muted);margin-top:3px}.pagination{justify-content:center;align-items:center;gap:12px;padding:15px;display:flex}.logout{text-align:left;cursor:pointer;background:0 0;border:0}.logout:hover{background:#f4f7fb;border-radius:9px}.token-exchange{align-items:end;gap:10px;display:flex}.token-exchange label{flex:1;gap:6px;display:grid}.token-status{align-items:center;gap:10px;margin-top:12px;display:flex}.profile-list{gap:15px;display:grid}.profile{border:1px solid var(--line);border-radius:10px;padding:16px}.profile-fields,.page-item{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.profile-fields label,.page-item label{gap:5px;font-size:10px;font-weight:700;display:grid}.pages-header{justify-content:space-between;align-items:center;display:flex}.profile-header input{width:100%;margin-bottom:12px}@media (width<=900px){.permission-picker{grid-template-columns:1fr 1fr}.profile-fields,.page-item{grid-template-columns:1fr}}@media (width<=600px){.permission-picker{grid-template-columns:1fr}.token-exchange{flex-direction:column;align-items:stretch}}