body{display:block;position:relative;background-color:transparent}.bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-hover) 40%,#f9f9f8 100%)}.brand-section{position:absolute;top:50%;left:15%;transform:translateY(-50%);z-index:1}.brand-section .logo{height:80px;width:auto;filter:brightness(0) invert(1)}.brand-section .tagline{color:rgba(255,255,255,.7);font-size:16px;margin-top:16px}.login-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:400px;background-color:var(--color-bg-elevated);padding:48px;border-radius:24px;box-shadow:0 16px 48px rgba(32,42,69,.2);z-index:10;overflow:hidden}.login-header{margin-bottom:36px;text-align:center}.login-header .logo-small{height:32px;width:auto}.login-header h1{color:var(--color-text);font-size:20px;font-weight:500;margin-top:12px}.login-header p{color:var(--color-text-muted);font-size:14px;margin-top:6px}.login-container .form-group{margin-bottom:20px}.login-container .form-group label{font-size:14px;font-weight:500;color:var(--color-text)}.login-container .form-group input[type=password],.login-container .form-group input[type=text]{height:48px;padding:0 16px;border-radius:12px;font-size:14px}.login-container .form-group input:focus{box-shadow:0 0 0 3px rgba(32,42,69,.1)}.checkbox-group{display:flex;align-items:center;margin-bottom:24px}.checkbox-group input[type=checkbox]{width:18px;height:18px;margin-right:8px;accent-color:var(--color-primary)}.checkbox-group label{color:var(--color-text);font-size:14px;cursor:pointer}.btn-login{width:100%;height:50px;background-color:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s}.btn-login:hover{background-color:var(--color-primary-hover)}.btn-login:active{background-color:#161d31;transform:scale(.98)}@media (max-width:1199px){.brand-section{left:10%}.brand-section .logo{height:60px}}@media (max-width:900px){.brand-section{top:15%;left:50%;transform:translateX(-50%);text-align:center}.login-container{top:55%}}.update-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999}.update-overlay.hidden{display:none}.update-content{background:#fff;padding:40px 50px;border-radius:16px;text-align:center;min-width:300px}.update-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:var(--color-primary);border-radius:50%;animation:1s linear infinite spin;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.update-content p{font-size:16px;color:var(--color-text);margin:0}.update-progress{margin-top:20px}.update-progress.hidden{display:none}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);width:0%;transition:width .3s}#progressText{display:block;margin-top:8px;font-size:14px;color:var(--color-text-muted)}