:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172333;background:#f3f5f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #6a9aff;outline-offset:3px}[hidden]{display:none!important}.shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#111e32;color:#a7b2c5;padding:33px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;flex-wrap:wrap;column-gap:10px;font-weight:850;font-size:22px;letter-spacing:1.1px;color:white}.brand small{display:block;margin-left:51px;margin-top:-5px;font-size:8px;letter-spacing:2.4px;color:#92a6c3}.brandmark{width:37px;height:35px;border:2px solid #a5d7ff;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#baddff;font-size:22px}.brandmark span{font-size:14px;color:#8dbeff}.nav-caption{font-size:10px;font-weight:700;letter-spacing:1.5px;margin:52px 14px 17px;color:#788aa5}nav{display:grid;gap:7px}nav button{border:0;background:none;color:#aebbd0;padding:13px 12px;text-align:left;border-radius:7px;font-size:12px;display:flex;align-items:center;gap:11px}nav button>span{font-size:18px;width:20px;text-align:center}nav button:hover{background:#1b2c46;color:white}nav button.selected{background:#315edc;color:white;box-shadow:0 5px 14px #06122c55}nav b{margin-left:auto;background:#ffffff16;padding:2px 5px;border-radius:4px;font-size:10px}.nav-rule{border-top:1px solid #28364a;margin:17px 7px}.sidebar-foot{margin-top:auto;padding:20px 8px 0;font-size:11px;line-height:1.8}.sidebar-foot>small{display:block;color:#7e91ae;margin-left:13px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6fd8b1;margin-right:5px}.profile{display:flex;align-items:center;gap:10px;margin-top:24px;border-top:1px solid #2a384b;padding-top:21px}.profile strong{font-size:11px;color:#e7eef9;display:block}.profile small{font-size:10px;color:#7f91ac;display:block}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#c1d3f6;background:#2c4162}.profile button{background:transparent;color:#9fafc6;border:0;font-size:19px;margin-left:auto}main{min-width:0}header{height:77px;border-bottom:1px solid #e1e6ed;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 35px}.breadcrumb{font-size:12px;color:#8a96a8}.breadcrumb span{margin:0 11px;color:#c1c9d5}.breadcrumb b{color:#3a485e;font-weight:500}.header-meta{display:flex;align-items:center;gap:20px;font-size:11px;color:#7a879a}.pill{font-size:9px;letter-spacing:1px;font-weight:800;border:1px solid #dfe5ed;padding:6px 9px;border-radius:5px}.content{max-width:1470px;margin:auto;padding:35px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:800;color:#5779bd;margin:0 0 10px}h1{font-size:29px;letter-spacing:-.9px;line-height:1.2;margin:0 0 10px;font-weight:700}h2{font-size:15px;margin:0;font-weight:650;letter-spacing:-.2px}.muted{color:#7f8b9c;font-size:12px;line-height:1.7;margin:5px 0}.small{font-size:11px}.secondary,.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:6px;padding:10px 14px;font-size:11px;font-weight:600;gap:10px;white-space:nowrap}.secondary{border:1px solid #dce2ec;background:white;color:#46536a;box-shadow:0 2px 3px #1a325005}.primary{border:1px solid #315edc;background:#315edc;color:white;box-shadow:0 3px 7px #315edc18}.primary:hover{background:#244fc4}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stats article{padding:20px;background:white;border:1px solid #e1e6ee;border-radius:9px}.stat-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#65738a}.stat-label>span{font-size:16px;color:#6481b5}.stat-label .green{font-size:10px;color:#28a983}.stat-label .red{color:#e57575}.stats strong{display:block;font-size:32px;margin:17px 0 8px;letter-spacing:-1.3px}.stats small{font-size:10px;color:#96a0af}.overview-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:22px}.card{background:#fff;border:1px solid #e0e6ef;border-radius:9px;padding:23px}.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.tag{display:inline-block;font-size:9px;font-weight:700;white-space:nowrap;padding:5px 7px;border-radius:4px;letter-spacing:.2px;background:#f0f3f8;color:#62718a}.tag.info{background:#eaf0ff;color:#4e70bb}.tag.good{background:#eaf8f1;color:#278564}.tag.bad{background:#fff0ee;color:#ba5d53}.flow{display:flex;justify-content:space-around;align-items:center;padding:27px 0 24px}.flow>div{display:flex;flex-direction:column;align-items:center;gap:8px}.flow b{font-size:11px;font-weight:650}.flow small{font-size:9px;color:#96a1b3}.flow i{font-style:normal;color:#bdcbe0}.flow-icon{display:grid;place-items:center;width:38px;height:38px;background:#f0f4fa;border:1px solid #e4eaf3;color:#7186aa;border-radius:10px;font-size:20px;margin-bottom:3px}.flow-icon.active{background:#eaf0ff;border-color:#d7e3fd;color:#315edc}.endpoint{border:1px solid #e7ebf3;background:#fafbfd;border-radius:5px;padding:13px;display:flex;flex-direction:column;gap:7px}.endpoint span{font-size:8px;letter-spacing:1px;font-weight:700;color:#91a0b5}.endpoint code{font-size:11px;color:#62718c;overflow-wrap:anywhere}.text-button{background:none;border:none;color:#4165b9;font-size:11px;padding:0;font-weight:600}.gateway-card>.text-button{margin-top:18px;display:flex;justify-content:space-between;width:100%}.quick-card{background:#eaf0fc;border-color:#dce5f6;padding:26px}.quick-card h2{font-size:26px;font-weight:650;letter-spacing:-.7px;line-height:1.25;margin-top:19px}.quick-card p:not(.eyebrow){font-size:12px;color:#6c7e9b;line-height:1.8;margin:18px 0 23px}.quick-card small{font-size:9px;color:#8493ac;line-height:1.6;display:block;margin-top:22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;font-weight:650;color:#8c98ab;background:#fafbfd;padding:12px 10px;border-top:1px solid #edf0f5;border-bottom:1px solid #edf0f5}td{font-size:11px;padding:15px 10px;border-bottom:1px solid #eef1f6;color:#69778b}td:first-child{color:#344660;font-weight:500}tr:last-child td{border-bottom:0}.empty{text-align:center;white-space:normal;padding:42px;color:#929eb1;line-height:1.9}.empty b{display:block;color:#5e718e}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:21px}.search{max-width:360px;width:100%}.toolbar-actions{display:flex;gap:18px;align-items:center}.check{display:flex;align-items:center;gap:6px;font-size:11px;color:#77869b;white-space:nowrap}.check input{width:auto;margin:0}.table-note{font-size:10px;color:#9ba6b6;margin-top:22px}.settings-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.settings-grid label,.password-card label,.login-card label{display:block;font-size:11px;font-weight:600;color:#53627a;margin-bottom:23px}input,select{border:1px solid #dce3ed;background:#fff;border-radius:6px;padding:12px;color:#3d4e69;font-size:12px;width:100%;outline:none}input:focus,select:focus{border-color:#648bec;box-shadow:0 0 0 3px #315edc10}label input,label select{margin-top:9px}label small{font-size:10px;font-weight:400;color:#8b98ac;display:block;margin-top:8px;line-height:1.7}.input-action{display:flex;position:relative}.input-action input{padding-right:65px}.input-action button{position:absolute;right:7px;top:17px;border:0;background:#eff3fa;border-radius:4px;color:#60799f;font-size:10px;padding:5px 8px}.form-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f6;padding-top:20px;gap:18px}.form-footer>span{max-width:210px;line-height:1.6}.connection-note{background:#eef2fa;color:#617593;border-color:#e0e7f3;padding:29px}.connection-note h2{font-size:22px;line-height:1.4;margin:24px 0 18px;color:#354d71}.connection-note p{font-size:12px;line-height:1.9}.connection-note p.small{font-size:10px}.password-card{margin-top:22px}.password-card form{display:flex;gap:20px;align-items:end;margin-top:22px}.password-card label{margin:0;flex:1}.password-card button{height:41px}footer{margin-top:30px;display:flex;justify-content:space-between;align-items:center;color:#9eabbd}footer>span{font-size:11px;font-weight:700;letter-spacing:1px}footer b{font-size:8px;font-weight:500;margin-left:5px}footer small{font-size:10px}.login-shell{min-height:100vh;display:grid;place-items:center;background:#111e32;padding:25px}.login-card{max-width:420px;width:100%;background:white;padding:40px;border-radius:14px;box-shadow:0 30px 60px #0003}.login-card .brand{color:#1e365c;font-size:20px;margin-bottom:40px}.login-card .brandmark{border-color:#315edc;color:#315edc}.login-card>.muted{margin-bottom:26px}.login-card .primary{width:100%;justify-content:space-between}.login-card .small{margin-top:25px;margin-bottom:0}.notice{background:#eef3fe;color:#56739d;padding:13px;border-radius:7px;font-size:11px;line-height:1.8}#toast{position:fixed;bottom:28px;right:28px;max-width:420px;padding:16px 22px;background:#172f4c;color:white;border-radius:8px;box-shadow:0 8px 25px #0002;font-size:12px;z-index:10}#toast.error{background:#9c3d3d}@media(min-width:1600px){.content{padding:44px}}@media(max-width:1100px){.shell{grid-template-columns:210px 1fr}aside{padding:30px 13px}.content{padding:25px}.overview-grid{grid-template-columns:1fr}.quick-card{display:none}.stats{gap:10px}.stats article{padding:15px}.settings-grid{grid-template-columns:1fr}.connection-note{display:none}.stat-label{font-size:10px}.header-meta #clock{display:none}}@media(max-width:720px){.shell{display:block}aside{position:relative;height:auto;padding:18px}.brand small,.nav-caption,.sidebar-foot,.nav-rule{display:none}aside .brand{font-size:18px}nav{display:flex;overflow-x:auto;gap:5px;margin-top:16px}nav button{white-space:nowrap;padding:10px;font-size:10px}nav button span{display:none}nav b{margin-left:3px}header{height:55px;padding:0 18px}.content{padding:22px 16px}.stats{grid-template-columns:repeat(2,1fr)}h1{font-size:24px}.card{padding:17px}.header-meta{gap:5px}.toolbar{align-items:stretch;flex-direction:column}.toolbar-actions{justify-content:space-between}.form-footer{align-items:stretch;flex-direction:column}.password-card form{flex-direction:column;align-items:stretch}.page-heading{gap:10px}footer small{font-size:8px}.flow{gap:5px}.flow small{font-size:8px}}

textarea{font:inherit;resize:vertical;width:100%;padding:12px;border:1px solid #d7deea;border-radius:6px;background:#fbfcff;color:#172333}td{max-width:360px;overflow-wrap:anywhere;white-space:normal}#devices-table{max-height:460px;overflow:auto}#messages-table td{vertical-align:top}