#bodyContainer{margin:0;min-height:100vh;background:#f6f7f9}.auth-shell{min-height:100vh;display:flex}.auth-visual{position:relative;flex:1 1 70%;background:var(--loginbg) center center / cover no-repeat;display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-visual-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(22,26,31,.44);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.auth-brand-wrap{position:relative;text-align:center;color:#fff;max-width:520px;padding:20px}.brand-title{font-size:clamp(44px,6vw,72px);font-weight:800;letter-spacing:-.03em;color:#0fb7ab;line-height:1;margin:0 0 16px}.brand-subtitle{font-size:clamp(28px,3vw,44px);font-weight:600;line-height:1.2;margin:0}.auth-panel{flex:0 0 min(440px,100%);background:#fff;display:flex;align-items:center;justify-content:center;padding:28px}.auth-panel-inner{width:100%;max-width:330px}.panel-brand{margin:0;font-size:40px;line-height:1;font-weight:800;letter-spacing:-.02em;color:#0f172a}.panel-title{margin:14px 0 6px;font-size:36px;line-height:1.1;font-weight:700;color:#0f172a}.panel-subtitle{margin:0 0 28px;color:#94a3b8;font-size:14px}.auth-label{color:#334155;font-size:14px;font-weight:600}.auth-input{background:#f1f4f8!important;border:1px solid #d6dde8;color:#0f172a!important;border-radius:8px;box-shadow:none!important}.auth-input:focus{border-color:#9ccdc9}.forgot-link{color:#475569;font-size:13px;text-decoration:none}.forgot-link:hover{color:#0f172a;text-decoration:underline}.credential-panel{position:relative;border-radius:8px;padding:15px 56px 15px 18px;border:solid 1px #cbd5e1;background:#f8fafc;box-shadow:0 1px #00000008;width:100%}.credential-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.credential-item{display:flex;align-items:center}.label{font-weight:500;width:40px;font-size:13px;color:#334155}.label1{font-weight:500;width:70px;font-size:13px;color:#334155}.value{font-size:13px;color:#334155;-webkit-user-select:all;user-select:all;margin-left:7px}.copy-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:grid;place-items:center;transition:background .12s ease,transform .08s ease}.icon{font-size:20px}.copy-btn:hover{background:rgba(235,233,233,.04)}.copy-btn:active{transform:translateY(-50%) scale(.98)}.auth-submit{height:46px;border-radius:8px;font-weight:600;background:#12af9e;border-color:#12af9e}.icon{width:18px;height:18px;display:block;fill:#6b6b6b}@media only screen and (max-width: 1024px){.auth-shell{flex-direction:column}.auth-visual{min-height:300px;flex:0 0 auto}.brand-title{font-size:clamp(36px,8vw,58px)}.brand-subtitle{font-size:clamp(24px,5vw,34px)}.auth-panel{flex:1 1 auto;width:100%}}@media only screen and (max-width: 320px){.copy-btn{position:absolute;right:7px;top:75%}.label{width:36px;font-size:12px}.label1{width:63px;font-size:12px}.value{font-size:12px;-webkit-user-select:all;user-select:all}.icon{font-size:15px}}@media only screen and (max-width: 375px) and (min-width: 321px){.credential-panel{padding-right:48px}}@media only screen and (max-width: 425px) and (min-width: 376px){.credential-panel{width:100%!important;padding-right:48px}}@media only screen and (max-width: 768px) and (min-width: 426px){.credential-row{flex-direction:column;align-items:flex-start}.col{width:100%}.copy-btn{top:auto;bottom:12px;right:12px;transform:none}}