.login-container{background-color:var(--bg-dark);justify-content:center;align-items:center;height:100vh;display:flex}.login-box{background-color:var(--bg-sidebar);border-right:4px solid var(--primary);border-radius:8px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 30px #0000004d}.login-header{text-align:center;margin-bottom:30px}.login-header .logo-mock{margin-bottom:15px}.login-header p{color:var(--text-main);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:15px}.input-icon-right{color:var(--text-muted);cursor:pointer;position:absolute;right:15px}.input-group input{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-family);background-color:#222;border-radius:4px;outline:none;padding:14px 14px 14px 45px;font-size:14px;transition:border-color .2s}.input-group input:focus{border-color:var(--primary)}.login-btn{background-color:var(--primary);color:#fff;border-radius:4px;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:background-color .2s}.login-btn:hover{background-color:var(--primary-hover)}.login-footer{text-align:center;color:var(--text-muted);margin-top:25px;font-size:12px}.login-footer a{color:var(--text-main);font-weight:500;text-decoration:underline}