#login-dialog.login-screen{position:fixed;inset:0;margin:0;padding:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;background:#fff;overflow:auto;color:#183859}
#login-dialog.login-screen::backdrop{background:#fff}
.login-layout{min-height:100dvh;display:grid;grid-template-columns:56% 44%}
.login-showcase{position:relative;isolation:isolate;min-width:0;overflow:hidden;background:linear-gradient(145deg,#e8f5ff 0%,#d5edff 62%,#c4e5fb 100%);padding:54px clamp(42px,5.3vw,82px)}
.login-showcase::before{content:"";position:absolute;z-index:-1;width:600px;height:600px;border:1px solid #fff9;border-radius:50%;right:-195px;top:94px;box-shadow:0 0 0 66px #fff3,0 0 0 132px #fff2}
.login-brand{display:flex;align-items:center;gap:12px}
.login-brand-mark{width:43px;height:43px;border-radius:12px;background:#195fae;box-shadow:0 10px 24px #1b68b92b;color:#fff;display:grid;place-items:center;font:800 24px Manrope,sans-serif}
.login-brand strong{display:block;font:800 17px Manrope,sans-serif;letter-spacing:-.5px}
.login-brand small{display:block;font:800 9px Manrope,sans-serif;letter-spacing:2px;color:#759bbd;margin-top:2px}
.login-hero{max-width:610px;margin-top:clamp(80px,11vh,122px)}
.login-eyebrow{font:800 11px Manrope,sans-serif;letter-spacing:2.3px;color:#3579bd}
.login-hero h1{font:800 clamp(37px,3.45vw,53px)/1.13 Manrope,sans-serif;letter-spacing:-2.5px;margin:17px 0 20px;color:#183757}
.login-hero p{font-size:16px;line-height:1.65;color:#557b9c;max-width:530px}
.login-preview{width:min(560px,100%);min-height:235px;margin-top:clamp(44px,7vh,72px);padding:24px 27px;border:1px solid #e2eef9;border-radius:16px;background:#fff;box-shadow:0 27px 70px #2674b51d;transform:rotate(-2deg)}
.login-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;font:800 11px Manrope,sans-serif}
.login-preview-head span{color:#8dacC5;font-size:9px;letter-spacing:.5px}
.login-preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:24px}
.login-preview-metrics>div{height:87px;padding:15px;background:#f6fbff;border:1px solid #e4f0fa;border-radius:10px}
.login-preview-metrics small{display:block;color:#8aa8c2;font:700 9px Manrope,sans-serif}
.login-metric-line{display:block;height:17px;width:55%;margin-top:13px;border-radius:5px;background:#d8eafb}
.login-preview-metrics>div:nth-child(2) .login-metric-line{background:#9bcdf4;width:62%}
.login-preview-bars{display:flex;align-items:end;gap:8px;height:48px;margin-top:10px}
.login-preview-bars i{display:block;flex:1;height:42%;background:#b5daf8;border-radius:4px 4px 0 0}
.login-preview-bars i:nth-child(2){height:64%}.login-preview-bars i:nth-child(3){height:81%;background:#4b96dd}.login-preview-bars i:nth-child(4){height:57%}.login-preview-bars i:nth-child(5){height:95%}.login-preview-bars i:nth-child(6){height:87%;background:#4b96dd}.login-preview-bars i:nth-child(7){height:66%}.login-preview-bars i:nth-child(8){height:98%}.login-preview-bars i:nth-child(9){height:72%;background:#4b96dd}.login-preview-bars i:nth-child(10){height:81%}
.login-access{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:60px clamp(40px,6vw,95px);background:#fff}
#login-form{position:relative;width:min(410px,100%);padding:0;margin:0}
#close-login{position:absolute;right:0;top:-60px;border:0;background:#edf5fc;color:#547da2;border-radius:8px;width:30px;height:30px;font-size:20px}
body.auth-pending #close-login{display:none}
.login-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #d6e9fa;border-radius:30px;color:#4c8dc5;background:#f6fbff;font:800 10px Manrope,sans-serif;letter-spacing:.1px}
.login-pill i{width:5px;height:5px;border-radius:50%;background:#5aa7df}
#login-title{font:800 clamp(30px,2.5vw,37px)/1.16 Manrope,sans-serif;letter-spacing:-1.7px;margin:28px 0 10px;color:#183757}
.login-intro{font-size:13px;line-height:1.65;color:#8199af;margin-bottom:32px}
.login-field{display:grid;gap:8px;margin-top:22px;color:#526d87;font-size:12px;font-weight:800}
.login-field input{width:100%;height:53px;padding:0 16px;border:1px solid #d8e7f7;border-radius:10px;background:#fbfdff;color:#163d62;outline:none;font-size:13px;font-weight:500}
.login-field input::placeholder{color:#a2b7ca}
.login-field input:focus{border-color:#66a9e2;box-shadow:0 0 0 4px #e1f2ff}
#login-error{min-height:19px;margin:8px 0 0;color:#bf4d4d;font-size:12px}
.login-submit{height:53px;width:100%;margin-top:0;padding:0 15px 0 30px;border:0;border-radius:11px;background:#2674cf;box-shadow:0 12px 24px #2674cf28;color:#fff;font-size:13px;font-weight:800;text-align:center;transition:background .15s,transform .15s}
.login-submit:hover{background:#1c64b5;transform:translateY(-1px)}
.login-submit span{float:right;font-size:21px;line-height:16px}
.login-secure{margin-top:24px;display:flex;align-items:center;gap:8px;color:#90a5b8;font-size:11px}
.login-secure span{color:#347fc2;font-size:17px}
.login-footer{position:absolute;left:clamp(40px,6vw,95px);bottom:37px;color:#8da5b9;font-size:11px}
@media(max-width:1050px){.login-showcase{padding:40px}.login-hero{margin-top:95px}.login-preview{margin-top:50px}.login-access{padding:45px}.login-footer{left:45px}}
@media(max-width:800px){.login-layout{grid-template-columns:1fr}.login-showcase{min-height:305px;padding:26px 25px 34px}.login-showcase::before{right:-330px;top:-140px}.login-hero{margin-top:37px}.login-hero h1{font-size:30px;letter-spacing:-1.3px;margin:12px 0 10px;max-width:540px}.login-hero p{font-size:12px;line-height:1.5;max-width:550px}.login-preview{display:none}.login-access{padding:34px 25px 50px;display:block}.login-access #login-form{max-width:510px;margin:auto}.login-pill{font-size:9px}#login-title{font-size:28px;margin:20px 0 7px}.login-intro{margin-bottom:17px}.login-field{margin-top:17px}.login-field input{height:49px}.login-submit{margin-top:0}.login-footer{position:static;text-align:center;margin-top:34px}#close-login{top:-2px}}
@media(max-width:390px){.login-showcase{min-height:315px}.login-hero h1{font-size:27px}.login-access{padding:27px 20px 38px}.login-intro{font-size:12px}}
body.auth-pending .app-shell{display:none}