:root{color:#263544;font-synthesis:none;background:#f7f9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.shell{grid-template-columns:246px 1fr;min-height:100vh;display:grid}.sidebar{color:#a9bfcb;background:#123548;height:100vh;padding:24px 16px;position:sticky;top:0}.brand{letter-spacing:-1.7px;color:#fff;align-items:center;gap:2px;padding:0 44px 28px;font-size:34px;font-weight:750;display:flex}.brand-mark{color:#fff;place-items:center;width:29px;height:38px;font-weight:900;display:inline-grid}.nav-label{letter-spacing:.08em;color:#8eabb9;margin:17px 0 9px;font-size:11px}.nav-link,.nav-child{color:#abc0ca;border-radius:6px;align-items:center;gap:12px;padding:11px 8px;font-size:15px;display:flex}.nav-link.active,.nav-link:hover,.nav-child:hover{color:#fff}.nav-link span{text-align:center;width:20px}.nav-child{padding:8px 8px 8px 32px;font-size:14px}.muted{opacity:.72;cursor:default}.workspace{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{background:#fff;border-bottom:1px solid #e3e8ef;align-items:center;gap:20px;height:71px;padding:0 28px;display:flex}.icon-button,.text-button{color:#687789;cursor:pointer;background:0 0;border:0}.icon-button{font-size:22px}.search{color:#79869a;background:#f2f3f8;border-radius:5px;align-items:center;gap:10px;width:230px;padding:10px 14px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%}.top-spacer{flex:1}.operator{font-size:14px;font-weight:650}.text-button{color:#6339ff}.page{flex:1;padding:28px 24px 52px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}.page-heading h1,.router-title h1{margin:2px 0 5px;font-size:26px}.page-heading p,.wizard-title p,.router-title p{color:#8290a5;margin:0}.eyebrow,.crumb{letter-spacing:.035em;color:#4a5663;margin:0 0 5px;font-size:12px;font-weight:750}.primary,.secondary{cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-weight:650;display:inline-flex}.primary{color:#fff;background:#5c35f2}.primary:hover{background:#4d26e5}.primary:disabled{cursor:not-allowed;background:#b8b1d8}.secondary{color:#293746;background:#f5f7fa;border-color:#dce2e9}.small{min-height:36px;padding:0 13px;font-size:14px}.wide{width:100%;margin-top:4px}.panel{background:#fff;border:1px solid #dfe5ec;border-radius:5px}.stats{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px;display:grid}.stats article{background:#fff;border:1px solid #dfe5ec;border-radius:5px;min-height:130px;padding:28px 16px;position:relative}.stats span{color:#7e8ca0;text-transform:uppercase;font-size:13px;display:block}.stats strong{margin-top:25px;font-size:23px;display:block}.stat-icon{border-radius:5px;place-items:center;width:48px;height:48px;font-size:21px;display:grid;position:absolute;top:16px;right:16px}.violet{color:#6239ff;background:#e6defe}.teal{color:#00ab94;background:#d8f4ef}.amber{color:#e89300;background:#fff2d3}.blue{color:#1ca9df;background:#daf3fc}.panel-head{border-bottom:1px solid #e4e8ee;justify-content:space-between;align-items:center;padding:16px;display:flex}.panel-head h2{margin:0;font-size:16px}.table-wrap{padding:16px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;white-space:nowrap;border:1px solid #e2e7ed;padding:13px 10px}th{color:#273442;background:#fcfdfe;font-weight:650}td a{color:#5a34f1;font-weight:600}td small{color:#8b98aa;margin-top:4px;display:block}.empty{text-align:center;color:#8693a5;padding:38px}.more{border-radius:4px;place-items:center;width:34px;height:34px;color:#6f7b8d!important;background:#f1f2f6!important;display:grid!important}.pill{color:#647183;text-transform:capitalize;background:#f1f3f6;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.pill i{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-online,.pill-verified,.pill-applied{color:#00a78d;background:#d9f5ef}.pill-offline,.pill-failed,.pill-rolled-back{color:#f06b5f;background:#fff0ee}.pill-command-ready,.pill-awaiting-connection,.pill-pending,.pill-rollback-armed{color:#d98900;background:#fff0c9}.wizard{max-width:1220px;margin-top:16px}.wizard-title{align-items:center;gap:16px;padding:16px;display:flex}.wizard-title h1{margin:0 0 3px;font-size:20px}.router-glyph{color:#6239ff;background:#e7dfff;border-radius:5px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.stepbar{justify-content:center;gap:0;padding:20px 20% 34px;display:flex}.step{text-align:center;color:#8793a5;flex:1;position:relative}.step:not(:last-child):after{content:"";background:#dfe4eb;height:1px;position:absolute;top:18px;left:55%;right:-45%}.step.done:after{background:#6841fb}.step span{z-index:1;background:#fff;border:1px solid #dfe4eb;border-radius:50%;place-items:center;width:37px;height:37px;margin:auto;display:grid;position:relative}.step.current span,.step.done span{color:#fff;background:#6338f5;border-color:#6338f5}.step small{white-space:nowrap;margin-top:8px;display:block}.wizard-body{border-top:1px solid #e4e8ee;padding:26px 24px}.wizard-body h2{margin:0 0 8px;font-size:20px}.subtle{color:#8190a6}.notice,.alert{border:1px solid;border-radius:4px;padding:15px 17px}.notice{margin-bottom:20px}.notice.amber{color:#d48200;background:#fff6da;border-color:#f7ce70}.notice.success{color:#087d6b;background:#e8faf6;border-color:#9ce7d8}.alert.error{color:#b73329;background:#fff0ef;border-color:#f3b0aa}.form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.form-grid.two{grid-template-columns:repeat(2,1fr)}label,fieldset{gap:8px;font-size:14px;font-weight:650;display:grid}input,select{color:#293746;background:#fff;border:1px solid #cfd6df;border-radius:4px;outline:none;width:100%;height:42px;padding:0 13px}input:focus,select:focus{border-color:#653bf3;box-shadow:0 0 0 3px #653bf31b}input:disabled{background:#eef1f4}.inline-link{color:#5d37f1;text-align:left;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:0}.inline-form{gap:10px;width:min(500px,100%);margin-top:18px;display:flex}.actions{border-top:1px solid #e4e8ee;justify-content:space-between;gap:12px;margin-top:25px;padding-top:20px;display:flex}.command{color:#f7f9fd;background:#172232;border-radius:5px;margin:20px 0;overflow:hidden}.command header{background:#243244;justify-content:space-between;align-items:center;padding:11px 14px;font-size:13px;display:flex}.command header button{color:#fff;cursor:pointer;background:0 0;border:1px solid #8291a5;border-radius:3px;padding:5px 10px}.command code{overflow-wrap:anywhere;padding:22px;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.65;display:block}.check{grid-template-columns:22px 1fr;align-items:center;margin:22px 0;font-weight:500;display:flex}.check input,.interface-check input{width:18px;height:18px}.connection-box{background:#f7f9fb;border:1px solid #dfe5ec;border-radius:4px;align-items:center;gap:14px;padding:16px;display:flex}.connection-box div{flex:1}.connection-box p{color:#7f8da1;margin:4px 0 0;font-size:13px}.spinner{border:2px solid #d6d1f7;border-top-color:#6239ff;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.complete{text-align:center;padding:52px 24px}.complete p{color:#77869a;max-width:620px;margin:10px auto 24px}.success-mark{color:#00a78e;background:#daf6ef;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 17px;font-size:30px;display:grid}.choice-actions{justify-content:center;gap:12px;display:flex}.router-hero{margin-top:16px}.router-title{align-items:center;gap:16px;padding:16px;display:flex}.router-title>div{flex:1}.title-row{align-items:center;gap:10px;display:flex}.large{border-radius:50%;width:64px;height:64px}.facts{border-top:1px solid #dfe5ec;grid-template-columns:repeat(4,1fr);display:grid}.facts div{border-right:1px solid #dfe5ec;padding:16px}.facts div:last-child{border:0}.facts span{color:#7d8a9e;text-transform:uppercase;margin-bottom:10px;font-size:12px;display:block}.detail-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.info-card dl{margin:0;padding:0 16px 16px}.info-card dl>div{border-bottom:1px solid #e4e8ee;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.info-card dt{color:#8592a5}.info-card dd{text-align:right;margin:0}.mono{font-family:monospace}.unfinished{background:#fff9e9;border:1px solid #f3d17d;border-radius:5px;margin:0 16px 16px;padding:16px}.unfinished p{color:#806d3b;font-size:14px}.interface-check{border:1px solid #e0e5eb;border-radius:4px;grid-template-columns:20px 1fr;align-items:start;padding:10px;display:flex}.interface-check small{color:#7f8da0;margin-top:3px;font-weight:400;display:block}.interface-check.disabled{opacity:.55}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:8px}.login-page{background:#f6f8fb;grid-template-columns:1.2fr 1fr;min-height:100vh;display:grid}.login-aside{color:#fff;background:#123548;flex-direction:column;justify-content:center;padding:10%;display:flex}.login-aside .brand{margin-bottom:70px;padding:0}.login-aside h1{max-width:620px;margin:0;font-size:52px;line-height:1.08}.login-aside p{color:#b8cbd4;max-width:580px;font-size:18px;line-height:1.7}.login-card{background:#fff;border:1px solid #e0e5eb;border-radius:7px;align-self:center;width:min(430px,100% - 48px);margin:auto;padding:36px;box-shadow:0 18px 60px #1e324412}.login-card h2{margin:5px 0;font-size:30px}.login-card>label{margin-top:20px}.login-card input{height:48px}footer{color:#91a2b4;background:#f1f5f9;justify-content:space-between;padding:20px 24px;font-size:13px;display:flex}@media (width<=900px){.shell{grid-template-columns:76px 1fr}.sidebar{padding:20px 10px}.brand{padding:0 8px 25px;font-size:0}.brand-mark{font-size:28px}.nav-label,.nav-child,.nav-link{font-size:0}.nav-link span{font-size:18px}.stats{grid-template-columns:1fr 1fr}.form-grid,.form-grid.two,.detail-grid{grid-template-columns:1fr}.stepbar{padding-left:8%;padding-right:8%}.login-page{grid-template-columns:1fr}.login-aside{display:none}}@media (width<=600px){.page{padding:20px 12px}.topbar{padding:0 12px}.search{display:none}.stats{grid-template-columns:1fr}.page-heading{align-items:start;gap:16px}.facts{grid-template-columns:1fr 1fr}.step small{font-size:10px}.stepbar{padding:15px 2% 25px}.choice-actions{flex-direction:column}.router-title{flex-wrap:wrap;align-items:start}.router-title>div{min-width:60%}}
