@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#252b38;font-synthesis:none;font-synthesis:none;background:#f7f8fb;font-family:DM Sans,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a7c8ff}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Manrope,system-ui,sans-serif}h1{font-size:30px;line-height:1.25}h2{font-size:22px;line-height:1.3}.brand{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:11px;font-size:18px;display:flex}.brand strong{opacity:.65;margin-left:3px;font-weight:450}.brand-mark{color:#fff;background:#3469ed;border-radius:9px;place-items:center;width:31px;height:34px;font:800 27px/1 Manrope,sans-serif;display:grid}.eyebrow{letter-spacing:2px;color:#5479d4;margin-bottom:14px;font-size:11px;font-weight:700}.muted{color:#7c8493;line-height:1.7}.auth-layout{grid-template-columns:46% 54%;min-height:100vh;display:grid}.auth-story{color:#f1f5ff;background:radial-gradient(at 10% 80%,#243c6e,#0000 65%),#12213c;flex-direction:column;padding:45px clamp(30px,5vw,88px);display:flex;position:relative;overflow:hidden}.auth-story .brand{margin-bottom:clamp(65px,13vh,150px)}.auth-story .brand-mark{color:#12213c;background:#6996ff}.auth-story .eyebrow{color:#97b6fc}.auth-story h1{letter-spacing:-2px;max-width:420px;margin-bottom:22px;font-size:clamp(34px,3.2vw,52px);font-weight:650;line-height:1.2}.story-description{color:#a5b6d4;max-width:380px;font-size:16px;line-height:1.8}.identity-diagram{background:#ffffff04;border:1px solid #4e67904a;border-radius:13px;max-width:410px;margin:35px 0 60px;padding:7px 22px}.diagram-item{color:#b2c0d9;border-bottom:1px solid #a3c4ff16;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:17px 0;font-size:12px;display:grid}.diagram-item:last-child{border:0}.diagram-item strong{color:#e0eaff;font-size:11px;font-weight:500}.diagram-dot{background:#84aaff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #84aaff13}.story-footer{color:#8197bc;letter-spacing:.4px;margin-top:auto;font-size:11px}.auth-area{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:50px 35px;display:flex}.auth-card{width:100%;max-width:370px}.auth-card h2{margin-bottom:12px;font-size:29px}.auth-card>.muted{margin-bottom:30px;font-size:13px}.auth-form,.password-form{gap:19px;display:grid}.field{color:#454e60;gap:8px;font-size:12px;font-weight:550;display:grid}.field input,select{color:#283249;background:#fff;border:1px solid #dce1e9;border-radius:7px;outline:none;width:100%;min-height:44px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.field input:focus,select:focus{border-color:#83a7f7;box-shadow:0 0 0 3px #3477ed13}.primary{color:#fff;background:#346bed;border:1px solid #3266df;border-radius:7px;padding:11px 19px;font-weight:550;transition:background .15s;box-shadow:0 2px 2px #143d8120}.primary:hover{background:#285bda}.text-button{color:#356ce4;background:0 0;border:0;padding:0;font-weight:550}.auth-switch{text-align:center;color:#858d9c;margin-top:28px;font-size:12px}.auth-footnote{color:#9aa2b0;margin-top:35px;font-size:10px}.notice{margin:0;font-size:12px;line-height:1.6}.notice:empty{display:none}.error{color:#bb3b42}.success{color:#227b55}.hint{color:#8a92a0;margin:-10px 0 0;font-size:11px}.workspace{grid-template-columns:242px 1fr;min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #e8ebf1;flex-direction:column;height:100vh;padding:28px 20px 18px;display:flex;position:sticky;top:0}.sidebar .brand{margin:0 6px 45px}.nav-label{color:#a1a9b6;letter-spacing:1.2px;margin-bottom:12px;margin-left:13px;font-size:10px;font-weight:650}.nav-button{color:#6c7587;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;margin:3px 0;padding:11px 13px;font-size:12px;display:flex}.nav-button:hover{background:#f5f7fb}.nav-button.active{color:#356be8;background:#edf3ff;font-weight:600}.nav-icon{text-align:center;width:18px;font-size:17px}.sidebar-user{border-top:1px solid #eef0f5;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding:19px 5px 0;display:flex}.avatar{color:#6c7a98;background:#eef2fa;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.user-label{flex:1;min-width:0;font-size:11px;display:grid;overflow:hidden}.user-label small{text-overflow:ellipsis;color:#a0a7b3;font-size:10px;overflow:hidden}.sidebar-user>.text-button{color:#8992a1;margin-left:42px;font-size:10px}.workspace-content{min-width:0}.topbar{color:#8b93a3;background:#fff;border-bottom:1px solid #e9ecf2;justify-content:space-between;align-items:center;height:73px;padding:0 40px;font-size:11px;display:flex}.status-pill{color:#7c8799;border:1px solid #e5e9f0;border-radius:15px;padding:4px 11px;font-size:10px}.page-body{max-width:1400px;margin:0 auto;padding:42px 40px}.page-heading{margin-bottom:30px}.page-heading h1{margin-bottom:9px}.panel{background:#fff;border:1px solid #e5e9f0;border-radius:10px;margin-bottom:24px;padding:27px 30px}.panel h2{margin-bottom:12px;font-size:16px}.panel>.muted{font-size:12px}.profile-details{grid-template-columns:100px 1fr;gap:15px;margin:24px 0 0;font-size:12px;display:grid}.profile-details dt{color:#939bab}.profile-details dd{margin:0}.password-form{max-width:390px;margin-top:25px}.password-form .primary{justify-self:start}.loading{color:#8b95a7;place-items:center;min-height:100vh;font-size:13px;display:grid}.offline{max-width:470px;margin:auto;padding:70px 30px}.offline .brand{margin-bottom:60px}.offline h1{font-size:25px}@media (width<=900px){.auth-layout{grid-template-columns:38% 62%}.auth-story{padding:35px}.auth-story h1{font-size:34px}.identity-diagram{padding:5px 14px}.diagram-item{grid-template-columns:8px 1fr}.diagram-item strong{grid-column:2}.workspace{grid-template-columns:205px 1fr}.page-body{padding:30px 25px}.topbar{padding:0 25px}.sidebar{padding:25px 14px}}@media (width<=640px){.auth-layout{display:block}.auth-story{padding:24px 27px}.auth-story .brand{margin:0}.auth-story>.eyebrow,.auth-story>h1,.auth-story>.story-description,.identity-diagram,.story-footer{display:none}.auth-area{min-height:calc(100vh - 83px);padding:40px 27px}.auth-card h2{font-size:26px}.workspace{display:block}.sidebar{border-bottom:1px solid #e8ebf1;border-right:0;flex-flow:wrap;align-items:center;gap:8px;height:auto;padding:18px;display:flex;position:static}.sidebar .brand{margin:0 auto 0 0}.sidebar .nav-label{display:none}.sidebar-user{width:100%;margin-top:5px;padding:12px 2px 0}.sidebar-user>.text-button{margin-left:auto}.nav-button{padding:8px;font-size:0}.nav-icon{font-size:19px}.topbar{height:55px;padding:0 22px}.page-body{padding:27px 18px}.panel{padding:23px 20px}.profile-details{grid-template-columns:70px 1fr}h1{font-size:26px}}.management>h2{margin-bottom:9px;font-size:29px}.management>p{color:#8791a2;font-size:12px}.management>form{background:#fff;border:1px solid #e5e9f0;border-radius:10px;align-items:end;gap:12px;margin:30px 0 22px;padding:24px;display:flex}.management label,.user-management label{color:#717c91;gap:7px;font-size:11px;font-weight:550;display:grid}.management input,.user-management input{color:#39465f;max-width:100%;min-height:39px;font:inherit;background:#fff;border:1px solid #dce1e9;border-radius:6px;outline:none;padding:9px 11px}.management input:focus,.user-management input:focus{border-color:#83a7f7;box-shadow:0 0 0 3px #3477ed13}.management button{color:#466188;background:#fff;border:1px solid #dee5ef;border-radius:6px;min-height:37px;padding:8px 13px;font-size:11px;transition:background .15s}.management button:hover{background:#f0f5ff}.management>form>button{color:#fff;background:#346bed;border-color:#3266df;min-height:39px}.management [role=status]{color:#667a9b;min-height:18px;font-size:12px}.application-list{color:#8a94a7;flex-wrap:wrap;gap:9px;margin-bottom:27px;font-size:12px;display:flex}.environment-list:not(:empty){background:#fff;border:1px solid #e5e9f0;border-radius:10px;padding:25px}.environment-list h3{font-size:18px}.environment-list>form{align-items:center;gap:10px;margin-bottom:15px;display:flex}.environment-list>button{margin-bottom:20px}.environment-list article{border-top:1px solid #edf0f5;padding:18px 0}.environment-list article p{color:#7c889c;font-size:12px}.environment-list article>button{margin-right:8px}.user-management:not(:empty){margin-top:25px}.user-management section{background:#fff;border:1px solid #e5e9f0;border-radius:10px;margin-top:22px;padding:23px}.user-management h3{font-size:18px}.user-management p{color:#8a94a7;font-size:12px}.user-management form{flex-wrap:wrap;align-items:end;gap:10px;margin:20px 0;display:flex}.user-management table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.user-management th{color:#8c96a6;text-align:left;background:#fafbfd;border-bottom:1px solid #e5e9f0;padding:11px;font-weight:550}.user-management td{color:#57667d;border-bottom:1px solid #edf0f5;padding:12px 11px}.user-management table button{min-height:29px;padding:5px 9px;font-size:10px}.user-management td>button{margin-right:6px}.user-management table+div{margin-top:15px}.user-management code{color:#7e8ba1;font-size:10px}.user-management section>div{overflow-x:auto}@media (width<=640px){.management>form{padding:20px;display:grid}.management>form>button{justify-self:start}.environment-list:not(:empty){padding:21px}.environment-list>form{flex-wrap:wrap}.user-management section{padding:18px}.management>h2{font-size:26px}}
