/* Authentication presentation only. Dashboard and mobile application keep their own layout. */
.login-page{--login-bg:#f0f4fa;--login-surface:#fff;--login-text:#182b43;--login-muted:#6b7c91;--login-line:#e2e8f1;--login-input:#f8fafd;--login-tabs:#eef3f9;background:var(--login-bg)}
.login-page.dark{--login-bg:#0a1420;--login-surface:#132331;--login-text:#f1f6fd;--login-muted:#a1b3c6;--login-line:#2b3d50;--login-input:#10202e;--login-tabs:#0d1c29}
.auth-screen.login-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);grid-template-rows:none;max-width:1232px;width:calc(100% - 88px);min-height:760px;margin:44px auto;padding:0;border:1px solid var(--login-line);border-radius:26px;overflow:hidden;background:var(--login-surface);box-shadow:0 24px 75px #102b4510}
.login-showcase{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#102d49 0%,#0c2034 53%,#0a1928 100%);padding:38px 44px 27px;color:#f5f9ff}
.login-showcase:before{content:"";position:absolute;z-index:-1;width:500px;height:500px;right:-350px;top:-250px;border:1px solid #8ecbff16;border-radius:50%;box-shadow:0 0 0 65px #8ecbff05,0 0 0 130px #8ecbff04}
.login-layout .auth-brand{display:flex;align-items:center;gap:13px;grid-area:auto;margin:0 0 34px}.login-layout .auth-brand img{width:49px;height:49px;border-radius:13px;border:1px solid #8dcaff17}.login-layout .auth-brand strong{font-size:25px;letter-spacing:-.9px;color:#f5f9ff}.login-layout .auth-brand span{font-size:10px;color:#9fb6cc;margin-top:2px}
.login-layout .web-intro{display:block;grid-area:auto;padding:0;position:relative}.login-eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:650;letter-spacing:1.65px;color:#a8cdec}.login-eyebrow>i{width:6px;height:6px;border-radius:50%;background:#5babff;box-shadow:0 0 0 4px #5babff15}
.login-layout .web-intro h2{font-size:49px;line-height:1.1;letter-spacing:-2px;font-weight:720;margin:19px 0 16px;color:#f7fbff}.login-layout .web-intro h2 em{font-style:normal;color:#65b2ff}.login-layout .web-intro>p{font-size:13px;line-height:1.75;color:#a9bfd4;max-width:390px;margin:0}
.login-product{border:1px solid #8bc8ff28;border-radius:15px;margin-top:27px;background:linear-gradient(125deg,#193b5666,#1e385025);padding:17px 18px 10px;box-shadow:0 18px 35px #00000018;transform:perspective(1000px) rotateY(-3deg)}.login-product-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#d6e7f8}.login-product-header>span:first-child{display:flex;align-items:center;gap:7px;font-weight:600}.login-product-header .icon{width:14px;height:14px;color:#8ac4fc}.login-product-status{display:flex;align-items:center;gap:5px;font-size:8px;color:#8faac0}.login-product-status i{width:5px;height:5px;border-radius:50%;background:#55d5af}.login-product-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.login-product-metrics>div{display:flex;align-items:center;gap:7px;background:#6ab2f30b;border:1px solid #9ccbfa13;border-radius:7px;padding:10px 9px;color:#b8d0e6;font-size:9px}.login-product-metrics .icon{width:15px;height:15px;color:#6bb4ff}.login-product-metrics>div:last-child .icon{color:#5cdbb4}.login-chart-label{display:flex;justify-content:space-between;align-items:center;color:#c9dcee;font-size:9px;gap:12px;margin-bottom:9px}.login-chart-label span{font-size:6px;letter-spacing:1.4px;color:#7e9cb5}.login-chart svg{display:block;width:100%;height:86px}.login-product>small{display:block;text-align:right;font-size:7px;color:#6f8ea7;margin-top:3px}.login-feature-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px}.login-feature-row>span{display:flex;align-items:center;gap:7px;color:#9fb9d0;font-size:10px}.login-feature-row .icon{width:15px;height:15px;color:#76b3e9}.login-showcase-note{margin-top:auto;padding-top:26px;display:flex;align-items:center;gap:7px;color:#819fb9;font-size:9px}.login-showcase-note .icon{width:14px;height:14px}
.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:43px 49px 25px;min-width:0;background:var(--login-surface);color:var(--login-text)}.login-layout .auth-card{grid-area:auto;width:100%;max-width:390px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.login-panel-caption{font-size:8px;letter-spacing:1.8px;font-weight:650;color:var(--login-muted);margin:0 0 11px}.login-layout .auth-card h1{font-size:29px;font-weight:720;line-height:1.2;letter-spacing:-.95px;color:var(--login-text)}.login-layout .auth-subtitle{font-size:12px;color:var(--login-muted);line-height:1.7;margin:9px 0 25px}.login-layout .auth-tabs{background:var(--login-tabs);padding:4px;border:0;border-radius:10px;margin-bottom:25px;gap:3px}.login-layout .auth-tabs button{min-height:37px;color:var(--login-muted);font-size:11px;letter-spacing:0;font-weight:600}.login-layout .auth-tabs button.active{background:var(--login-surface);color:#2986eb;box-shadow:0 2px 6px #112a4910;border:1px solid var(--login-line)}
.login-layout #auth-form{gap:18px}.login-layout #auth-form>label{font-size:11px;color:var(--login-text);font-weight:600}.login-layout #auth-form>label>span{margin-bottom:7px}.login-layout input:not([type=checkbox]){background:var(--login-input);border:1px solid var(--login-line);border-radius:9px;min-height:48px;padding:12px 13px;color:var(--login-text);font-size:13px;font-weight:400}.login-layout input::placeholder{color:var(--login-muted);opacity:.65}.login-layout input:focus{border-color:#5aa4f6;outline:3px solid #328dfb16;outline-offset:0}.login-layout .password-input input{padding-right:46px}.login-layout .password-input .icon-button{height:46px;color:var(--login-muted)}.login-layout #auth-form>.btn[type=submit]{margin-top:3px;min-height:48px;border-radius:9px;justify-content:space-between;padding:12px 17px;background:linear-gradient(100deg,#197dea,#338ffa);box-shadow:0 5px 14px #2286f327;color:#fff;font-size:12px;font-weight:650}.login-layout #auth-form>.btn[type=submit]:hover{filter:brightness(1.05)}.login-layout #auth-form>.btn>.icon{width:17px;height:17px}.login-layout .auth-links{gap:8px;justify-content:space-between}.login-layout .auth-links .text-link{color:#398fe9;font-size:10px;min-height:27px}.login-access-note{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--login-muted);font-size:9px;margin-top:21px}.login-access-note .icon{width:13px;height:13px;color:#79a0c0}
.login-layout .auth-local{width:100%;max-width:390px;grid-area:auto;margin:25px 0 0;border-top:1px solid var(--login-line);padding-top:22px;gap:8px}.login-layout .auth-local>span{font-size:9px;color:var(--login-muted);margin-bottom:1px}.login-layout .auth-local>.btn{border:1px solid var(--login-line);min-height:39px;color:var(--login-text);font-size:11px;font-weight:550;background:transparent;border-radius:8px}.login-layout .auth-local>.btn:hover{background:var(--login-input)}.login-local-details{text-align:center}.login-local-details summary{display:inline-flex;cursor:pointer;color:var(--login-muted);font-size:9px;min-height:30px;align-items:center;gap:5px;list-style:none}.login-local-details summary:after{content:"⌄";font-size:13px}.login-local-details summary::-webkit-details-marker{display:none}.login-local-details[open] summary:after{transform:rotate(180deg)}.login-local-details .auth-local-links{margin:5px 0 8px}.login-local-details .btn{font-size:9px;color:var(--login-muted);border-color:var(--login-line)}.login-layout .welcome-note{grid-area:auto;font-size:9px;color:var(--login-muted);width:100%;margin:20px 0 0;display:flex;align-items:center;justify-content:center;gap:8px}.login-layout .welcome-note span:before{content:"·";margin-right:8px}
@media(min-height:930px) and (min-width:1000px){.auth-screen.login-layout{margin-top:max(44px,calc((100vh - 790px)/2));min-height:790px}.login-showcase{padding-top:43px;padding-bottom:31px}.login-layout .auth-brand{margin-bottom:41px}.login-layout .web-intro h2{font-size:53px}.login-product{margin-top:31px}}
@media(min-width:1000px) and (max-width:1199px){.auth-screen.login-layout{width:calc(100% - 48px)}.login-showcase{padding-left:32px;padding-right:32px}.login-panel{padding-left:33px;padding-right:33px}.login-layout .web-intro h2{font-size:45px}}
@media(max-width:999px){.auth-screen.login-layout{display:block;width:calc(100% - 40px);max-width:520px;min-height:0;margin:28px auto;border-radius:21px}.login-showcase{padding:24px 28px;background:#102a42}.login-layout .auth-brand{margin:0}.login-layout .auth-brand img{width:43px;height:43px;border-radius:11px}.login-layout .auth-brand strong{font-size:23px}.login-layout .web-intro,.login-showcase-note{display:none}.login-panel{padding:31px 30px 24px}.login-layout .auth-card{max-width:none}.login-layout .auth-card h1{font-size:27px}.login-layout .auth-subtitle{margin-bottom:23px}.login-layout .auth-local{max-width:none;margin-top:23px}.login-layout .welcome-note{margin-top:18px}.login-layout .auth-tabs{margin-bottom:23px}.login-layout input:not([type=checkbox]){font-size:16px}.login-layout #auth-form{gap:17px}}
@media(max-width:430px){.auth-screen.login-layout{width:calc(100% - 24px);margin:12px auto;border-radius:17px}.login-showcase{padding:20px 23px}.login-panel{padding:28px 23px 21px}.login-layout .auth-subtitle{font-size:11px}.login-layout .auth-card h1{font-size:26px}.login-layout .auth-links .text-link{font-size:10px}.login-panel-caption{font-size:7px}}
.auth-screen.login-layout{gap:0;align-items:stretch}.login-layout #auth-form>label{font-size:12px}.login-layout .auth-tabs button{font-size:12px}.login-layout #auth-form>.btn[type=submit]{font-size:14px}.login-layout .auth-links .text-link{font-size:11px}.login-layout .auth-subtitle{font-size:13px}.login-access-note,.login-layout .auth-local>span{font-size:10px}
@media(min-width:1000px){.login-layout input:not([type=checkbox]){font-size:14px}}