body.auth-mode{min-width:760px;overflow:hidden;background:#f4f7fc}
.auth-mode .app-header,.auth-mode .sidebar{display:none}
.auth-mode .main{margin:0;padding:0;width:100%;max-width:none;min-height:100vh}
.auth-page{min-height:100vh;padding:0 6vw 48px;background:radial-gradient(ellipse at 70% 20%,#e7f1ff 0,transparent 35%),#f4f7fc;animation:page-enter .22s ease-out both}
.auth-brand{height:68px;display:flex;align-items:center;gap:12px;color:#12294d}
.auth-brand i{height:24px;border-left:1px solid #cbd8ea}.auth-brand b{font-size:15px}
.auth-shell{width:min(1040px,100%);min-height:590px;margin:5vh auto 0;display:grid;grid-template-columns:1fr 450px;background:#fff;border:1px solid #e5edf8;border-radius:8px;overflow:hidden;box-shadow:0 16px 44px rgba(43,92,160,.1)}
.auth-visual{position:relative;min-height:590px;overflow:hidden;background:linear-gradient(145deg,#e7f2ff 0%,#f4f8ff 55%,#dceaff 100%);padding:46px;display:flex;align-items:flex-end}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;border:1px solid #b9d5ff;border-radius:50%;width:420px;height:190px;right:-48px;top:115px;transform:rotate(-12deg);opacity:.6}.auth-visual:after{width:330px;height:150px;right:0;top:135px}
.auth-visual-art{position:absolute;inset:52px 25px 165px;background:url('./assets/dashboard.png') center/contain no-repeat;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 82%);animation:artwork-float 7s ease-in-out infinite}
.auth-visual-copy{position:relative;z-index:1}.auth-visual-copy>span{font-size:10px;letter-spacing:1px;color:#367ada;font-weight:700}.auth-visual-copy h1{font-size:30px;line-height:1.5;color:#143f83;margin:10px 0}.auth-visual-copy p{font-size:12px;color:#59749c;margin:0}
.auth-panel{padding:53px 40px 38px;display:flex;flex-direction:column}.auth-panel-top{display:flex;justify-content:space-between;color:#8b9ab0;font-size:9px;margin-bottom:32px}.auth-step{color:#1768ee;font-weight:700}.auth-panel h2{font-size:24px;color:#172e53;margin:0 0 7px}.auth-subtitle{font-size:11px;line-height:1.7;color:#7a8ba4;margin:0 0 25px}.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:6px;font-size:10px;color:#536989;font-weight:600}.auth-form .input{height:42px;font-size:12px;width:100%}.auth-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-submit,.auth-demo{width:100%;height:42px;justify-content:center}.auth-demo{background:#f4f8ff;color:#286bc8;border-color:#e3edfc}.auth-terms{font-size:9px;color:#96a3b5;text-align:center;margin:0}.auth-notice{font-size:10px;color:#21684d;background:#edf8f1;border:1px solid #d8efdf;padding:9px 10px;border-radius:5px;margin:0;line-height:1.6}.auth-switch,.auth-help{font-size:10px;color:#8292aa;text-align:center;margin-top:17px}.auth-help{margin-top:auto;padding-top:28px}.auth-text-button{border:0;padding:2px 4px;background:none;color:#1768ee;font-size:10px;font-weight:600}.auth-text-button:hover{text-decoration:underline}
@media(max-height:760px){.auth-shell{margin-top:1vh;min-height:560px}.auth-visual{min-height:560px}.auth-panel{padding-top:35px}.auth-panel-top{margin-bottom:22px}}