.login-page{min-height:100dvh;display:flex;flex-direction:column;background:var(--canvas)}.login-header{padding:24px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-header .brand{padding:0}.login-environment{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}.login-environment>span{width:7px;height:7px;background:var(--green);border-radius:50%}.login-main{display:grid;grid-template-columns:1fr 1.08fr;max-width:1060px;width:calc(100% - 64px);padding:0;margin:20px auto 32px;border:1px solid var(--line);border-radius:23px;overflow:hidden;background:white;box-shadow:0 12px 45px #1c302d06;flex:0 0 auto}.login-hero{display:flex;flex-direction:column;justify-content:space-between;gap:42px;padding:44px 40px 32px;background:var(--green);color:white;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;right:-125px;bottom:-185px;width:400px;height:400px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.hero-eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;margin:0 0 22px;color:#c6e5d5}.login-hero h2{font-size:42px;line-height:1.15;font-weight:700;letter-spacing:-1.6px;margin:0 0 23px}.hero-description{font-size:15px;line-height:1.8;color:#d7ebe1;margin:0;max-width:330px}.hero-features{display:grid;gap:23px}.hero-features>div{display:flex;gap:14px;align-items:center}.hero-features>div>span{width:39px;height:39px;display:grid;place-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:11px}.hero-features strong{display:block;font-size:14px;font-weight:650}.hero-features small{display:block;font-size:12px;color:#d3e8dd;margin-top:3px}.hero-footer{display:flex;align-items:center;gap:9px;border-top:1px solid #ffffff20;padding-top:20px;font-size:11px;color:#d3e8dd}.hero-footer svg{width:18px;height:18px}.login-card{padding:32px 42px 29px}.login-lock{display:grid;place-items:center;width:40px;height:40px;background:var(--mint);color:var(--green);border-radius:12px;margin-bottom:18px}.login-lock svg{width:22px;height:22px}.login-card-heading h1{font-size:29px;letter-spacing:-.9px;line-height:1.2;margin:0 0 9px}.login-card-heading>p:last-child{color:var(--muted);font-size:13px;margin:0 0 25px}.login-card-heading .eyebrow{font-size:9px;letter-spacing:1.4px}.login-fields{display:grid;gap:17px}.login-fields .field>label{font-size:14px}.login-fields input{min-height:50px;font-size:15px;border-radius:9px;padding:12px 14px;background:#fcfdfb}.login-fields input::placeholder{font-size:14px;color:#748177}.login-password-shell{position:relative}.login-password-shell input{padding-right:52px}.password-toggle{position:absolute;inset:4px 5px 4px auto;width:40px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:var(--muted)}.password-toggle:hover,.password-toggle[aria-pressed="true"]{color:var(--green);background:var(--mint)}.password-toggle svg{width:20px;height:20px}.login-feedback{min-height:48px;padding-top:10px;display:flex;align-items:flex-start}.login-error,.login-success{display:flex;align-items:flex-start;gap:8px;font-size:12px;margin:0}.login-error{color:var(--red)}.login-success{color:var(--green)}.login-error svg,.login-success svg{height:16px;width:16px;margin-top:1px}.login-submit{width:100%;min-height:50px;justify-content:space-between;padding-inline:18px;font-size:15px}.login-submit svg{height:19px;width:19px}.demo-account{padding:17px 18px 13px;margin-top:24px;border:1px solid #dbe7dc;border-radius:12px;background:#f5f9f3}.demo-account-top{display:flex;align-items:center;gap:8px}.demo-account h3{font-size:12px;font-weight:650;line-height:1.4;margin:0}.demo-tag{font-size:9px;font-weight:700;color:var(--green);background:#e4eee2;border:1px solid #cedfcd;border-radius:4px;padding:3px 5px;letter-spacing:.7px}.demo-account dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.demo-account dt{font-size:11px;color:var(--muted)}.demo-account dd{font-size:14px;font-weight:650;margin:2px 0 0;color:var(--ink)}.demo-account .secondary{background:white;min-height:41px;font-size:12px;width:100%}.demo-account>p{font-size:10px;color:var(--muted);margin:10px 0 0;line-height:1.6}.login-footer{max-width:1144px;width:calc(100% - 64px);margin:auto auto 0;padding:0 0 22px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.login-session-note{font-size:12px;color:var(--amber);padding:10px 12px;background:var(--amber-bg);border-radius:8px;margin:0 0 18px}.login-success+#standalone-open{margin-top:12px}#standalone-open{width:100%;margin-top:18px;font-size:13px}
@media(max-width:1100px){.login-main{margin-top:12px}.login-hero{padding:36px 30px 28px;gap:30px}.login-card{padding:30px 32px 27px}.login-hero h2{font-size:36px}.hero-description{font-size:14px}.hero-features{gap:20px}.hero-features strong{font-size:13px}.hero-features small{font-size:11px}}
@media(max-width:760px){.login-header{padding:21px 22px}.login-environment{font-size:11px}.login-main{grid-template-columns:1fr;max-width:480px;margin:12px auto 26px;width:calc(100% - 36px);border-radius:18px}.login-hero{display:none}.login-card{padding:28px 25px}.login-card-heading h1{font-size:28px}.login-card-heading>p:last-child{margin-bottom:22px}.login-footer{font-size:10px;width:calc(100% - 44px);flex-direction:column;gap:5px;padding-bottom:20px}.login-header .brand strong{font-size:19px}.login-header .brand-icon{width:39px;height:39px}.login-environment{max-width:120px;line-height:1.5}.login-card-heading .eyebrow{font-size:10px}.demo-account h3{font-size:12px}.demo-account>p{font-size:11px}}
@media(max-width:370px){.login-header{padding:18px}.login-card{padding:25px 20px}.login-environment{font-size:10px;max-width:100px}.login-main{width:calc(100% - 28px)}}
.login-session-note.logged-out{background:var(--mint);color:var(--green)}

@media(max-width:1100px) and (min-width:761px){.login-header{padding-block:18px}.login-main{margin-top:6px;margin-bottom:20px}.login-lock{display:none}.login-card{padding:25px 32px}.login-card-heading>p:last-child{margin-bottom:20px}.login-feedback{min-height:40px}.demo-account{margin-top:20px;padding-top:14px;padding-bottom:11px}.demo-account .secondary{min-height:44px}}
@media(max-width:760px){.login-header{padding-block:18px}.login-lock{display:none}.login-card{padding:25px}.demo-account{margin-top:20px}.demo-account .secondary{min-height:44px}}